@vixt/layer-shared 0.6.8

package/loading.html

@@ -0,0 +1,135 @@
+<!-- copy from https://tobiasahlin.com/spinkit/ -->
+<div class="loader">
+  <div class="sk-chase">
+    <div class="sk-chase-dot"></div>
+    <div class="sk-chase-dot"></div>
+    <div class="sk-chase-dot"></div>
+    <div class="sk-chase-dot"></div>
+    <div class="sk-chase-dot"></div>
+    <div class="sk-chase-dot"></div>
+  </div>
+</div>
+
+<style>
+  html,
+  body,
+  #app {
+    height: 100%;
+    margin: 0;
+  }
+
+  html {
+    --loader-color: #333;
+  }
+
+  html.dark {
+    --loader-color: #fff;
+    background-color: #121212;
+  }
+
+  .loader {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .sk-chase {
+    width: 40px;
+    height: 40px;
+    position: relative;
+    animation: sk-chase 2.5s infinite linear both;
+  }
+
+  .sk-chase-dot {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    left: 0;
+    top: 0;
+    animation: sk-chase-dot 2s infinite ease-in-out both;
+  }
+
+  .sk-chase-dot:before {
+    content: '';
+    display: block;
+    width: 25%;
+    height: 25%;
+    background-color: var(--loader-color);
+    border-radius: 100%;
+    animation: sk-chase-dot-before 2s infinite ease-in-out both;
+  }
+
+  .sk-chase-dot:nth-child(1) {
+    animation-delay: -1.1s;
+  }
+
+  .sk-chase-dot:nth-child(2) {
+    animation-delay: -1s;
+  }
+
+  .sk-chase-dot:nth-child(3) {
+    animation-delay: -0.9s;
+  }
+
+  .sk-chase-dot:nth-child(4) {
+    animation-delay: -0.8s;
+  }
+
+  .sk-chase-dot:nth-child(5) {
+    animation-delay: -0.7s;
+  }
+
+  .sk-chase-dot:nth-child(6) {
+    animation-delay: -0.6s;
+  }
+
+  .sk-chase-dot:nth-child(1):before {
+    animation-delay: -1.1s;
+  }
+
+  .sk-chase-dot:nth-child(2):before {
+    animation-delay: -1s;
+  }
+
+  .sk-chase-dot:nth-child(3):before {
+    animation-delay: -0.9s;
+  }
+
+  .sk-chase-dot:nth-child(4):before {
+    animation-delay: -0.8s;
+  }
+
+  .sk-chase-dot:nth-child(5):before {
+    animation-delay: -0.7s;
+  }
+
+  .sk-chase-dot:nth-child(6):before {
+    animation-delay: -0.6s;
+  }
+
+  @keyframes sk-chase {
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  @keyframes sk-chase-dot {
+    80%,
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  @keyframes sk-chase-dot-before {
+    50% {
+      transform: scale(0.4);
+    }
+
+    100%,
+    0% {
+      transform: scale(1);
+    }
+  }
+</style>

package/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@vixt/layer-shared",
+  "type": "module",
+  "version": "0.6.8",
+  "main": "vixt.config.ts",
+  "dependencies": {
+    "@unocss/reset": "catalog:vite",
+    "vixt": "workspace:*"
+  }
+}

package/src/app.config.ts

@@ -0,0 +1,8 @@
+import { defineAppConfig } from 'vixt/client'
+
+const env = useEnv()
+console.log('env:', env)
+
+export default defineAppConfig({
+  name: 'layer-shared',
+})

package/src/composables/composable.ts

@@ -0,0 +1,3 @@
+export function useEnv() {
+  return getEnv()
+}

package/src/constants/constant.ts

@@ -0,0 +1 @@
+export const ENV = { error: 'ENV should be overridden' }

package/src/hooks/hook.ts

@@ -0,0 +1,3 @@
+export function useEnv() {
+  return getEnv()
+}

package/src/modules/README.md

@@ -0,0 +1,3 @@
+# Modules
+
+shared modules for all apps

package/src/modules/module1.ts

@@ -0,0 +1,6 @@
+import { defineVixtModule } from 'vixt'
+
+export default defineVixtModule(() => {
+  console.log('layer-shared module1 loaded')
+  return false
+})

package/src/modules/module2/index.ts

@@ -0,0 +1,6 @@
+import { defineVixtModule } from 'vixt'
+
+export default defineVixtModule(() => {
+  console.log('layer-shared module2 loaded')
+  return false
+})

package/src/plugins/README.md

@@ -0,0 +1,3 @@
+# Plugins
+
+shared plugins for all apps

package/src/plugins/plugin1.ts

@@ -0,0 +1,15 @@
+import { defineVixtPlugin } from 'vixt/client'
+
+declare module '@vixt/core/client' {
+  interface VixtAppConfig {
+    pluginConfig?: string
+  }
+}
+
+export default defineVixtPlugin((vixtApp) => {
+  console.log('vixtApp:', vixtApp.appConfig)
+  console.log('layer-shared plugin1 loaded')
+
+  // @ts-expect-error
+  vixtApp.appConfig.pluginConfig = 0
+})

package/src/plugins/plugin2/index.ts

@@ -0,0 +1,5 @@
+import { defineVixtPlugin } from 'vixt/client'
+
+export default defineVixtPlugin(() => {
+  console.log('layer-shared plugin2 loaded')
+})

package/src/utils/util.ts

@@ -0,0 +1,3 @@
+export function getEnv() {
+  return ENV
+}

package/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": ["../vue/.vixt/tsconfig.json", "../react/.vixt/tsconfig.json"]
+}

package/uno.config.ts

@@ -0,0 +1,17 @@
+import { defineConfig, presetAttributify, presetWind3, transformerAttributifyJsx, transformerDirectives, transformerVariantGroup } from 'unocss'
+
+export default defineConfig({
+  presets: [
+    presetWind3(),
+    presetAttributify(),
+  ],
+  transformers: [
+    transformerDirectives(),
+    transformerVariantGroup(),
+    transformerAttributifyJsx(),
+  ],
+  shortcuts: [
+    ['btn', 'px-4 py-1 rounded inline-block bg-teal-700 text-white cursor-pointer !outline-none hover:bg-teal-800 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50'],
+    ['icon-btn', 'inline-block cursor-pointer select-none opacity-75 transition duration-200 ease-in-out hover:opacity-100 hover:text-teal-600'],
+  ],
+})

package/vixt.config.ts

@@ -0,0 +1,8 @@
+import { defineVixtConfig } from 'vixt'
+
+export default defineVixtConfig({
+  meta: { name: 'layer-shared' },
+  app: {
+    css: ['@unocss/reset/tailwind.css'],
+  },
+})