@cwa/nuxt-edge 0.0.0-29696494.72f11a4

package/dist/runtime/templates/components/utils/SpinnerTick.vue

@@ -0,0 +1,43 @@
+<script setup>
+import { computed, toRef } from "vue";
+const props = defineProps({
+  isLoading: { type: Boolean, required: true },
+  isPending: { type: Boolean, required: false }
+});
+const isLoadingRef = toRef(props, "isLoading");
+const isPendingRef = toRef(props, "isPending");
+const circleColor = computed(() => {
+  if (isPendingRef.value) {
+    return "cwa:stroke-orange cwa:fill-orange";
+  }
+  return isLoadingRef.value ? "cwa:stroke-orange" : "";
+});
+</script>
+
+<template>
+  <svg
+    class="spinner-tick cwa:w-6 cwa:h-6"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 100"
+    xml:space="preserve"
+    :class="[isPendingRef ? 'pending' : isLoadingRef ? 'progress' : 'ready']"
+  >
+    <circle
+      class="circle"
+      cx="50"
+      cy="50"
+      r="44"
+      fill="transparent"
+      :class="circleColor"
+    />
+    <polyline
+      class="tick cwa:stroke-green"
+      points="25,55 45,70 75,33"
+      fill="transparent"
+    />
+  </svg>
+</template>
+
+<style>
+.spinner-tick .tick{stroke-width:12;transition:all .6s}.spinner-tick .circle{stroke-dasharray:314;stroke-width:0;transform-origin:50% 50% 0;transition:all 1s}.spinner-tick.progress .tick{opacity:0}.spinner-tick.progress .circle{animation:spin 1.8s linear infinite;stroke-dasharray:314;stroke-width:12}.spinner-tick.ready .tick{opacity:1}.spinner-tick.ready .circle{stroke-dashoffset:66}.spinner-tick.pending .tick{opacity:0}.spinner-tick.pending .circle{animation:pulse 2.8s ease-in-out infinite;stroke-dasharray:314;stroke-width:12}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes spin{0%{stroke-dashoffset:66;transform:rotate(0deg)}50%{stroke-dashoffset:314;transform:rotate(540deg)}to{stroke-dashoffset:66;transform:rotate(3turn)}}
+</style>

package/dist/runtime/templates/components/utils/SpinnerTick.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    isLoading: boolean;
+    isPending?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/cwa-page.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/templates/cwa-page.spec.ts.snap

@@ -0,0 +1,9 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`CWA page > snapshots > renders CwaPage inside the page wrapper 1`] = `
+<div
+  class="cwa:page cwa:h-full"
+>
+  <cwapage-stub />
+</div>
+`;

package/dist/runtime/templates/cwa-page.vue

@@ -0,0 +1,55 @@
+<template>
+  <div
+    ref="cwaPage"
+    class="cwa:page cwa:h-full"
+  >
+    <CwaPage />
+  </div>
+</template>
+
+<script setup>
+import { useElementSize } from "@vueuse/core";
+import { computed, provide, useTemplateRef, watch } from "vue";
+import { withoutTrailingSlash } from "ufo";
+import { titleCase } from "scule";
+import CwaPage from "./components/main/CwaPage.vue";
+import { useCwa, useError, useHead, useRoute } from "#imports";
+const $cwa = useCwa();
+provide("cwa-page-depth", 0);
+const cwaPage = useTemplateRef("cwaPage");
+const { width, height } = useElementSize(cwaPage);
+watch([width, height], () => {
+  $cwa.admin.emitRedraw();
+});
+const minimalPriority = {
+  // give nuxt.config values higher priority
+  tagPriority: 101
+};
+const route = useRoute();
+const err = useError();
+const fallbackTitle = computed(() => {
+  if (typeof err.value?.status === "number" && [404, 500].includes(err.value.status)) {
+    return `${err.value.status} - ${err.value.message}`;
+  }
+  if (typeof route.meta?.title === "string")
+    return route.meta?.title;
+  const path = withoutTrailingSlash(route.path || "/");
+  const lastSegment = path.split("/").pop();
+  return lastSegment ? titleCase(lastSegment) : null;
+});
+const metaDescription = computed(() => {
+  return $cwa.resources.pageData?.value?.data?.metaDescription || $cwa.resources.page?.value?.data?.metaDescription;
+});
+useHead({
+  title: () => {
+    const userDefinedTitle = $cwa.resources.pageData?.value?.data?.title || $cwa.resources.page?.value?.data?.title;
+    if (!userDefinedTitle && $cwa.siteConfig.config.fallbackTitle) {
+      return fallbackTitle.value;
+    }
+    return userDefinedTitle;
+  },
+  meta: [
+    { name: "description", content: metaDescription }
+  ]
+}, minimalPriority);
+</script>

package/dist/runtime/templates/cwa-page.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/types/index.d.ts

@@ -0,0 +1,59 @@
+import type { SelectOption } from '../composables/cwa-select-input.js';
+import type { DefineComponent, GlobalComponents } from 'vue';
+export type GlobalComponentNames = keyof GlobalComponents;
+export type ManagerTab = GlobalComponentNames | DefineComponent<object, object, any>;
+export type ComponentUi = GlobalComponentNames;
+export interface CwaResourceMeta {
+    name?: string;
+    description?: string;
+    instantAdd?: boolean;
+    defaultData?: Record<any, any>;
+    managerTabs?: ManagerTab[];
+    ui?: ComponentUi[];
+}
+export interface CwaResourcesMeta {
+    [type: string]: CwaResourceMeta;
+}
+export interface CwaUiMeta {
+    name?: string;
+    classes?: {
+        [name: string]: string[] | string;
+    };
+}
+export type SiteConfigParams = {
+    indexable: boolean;
+    robotsAllowNonSeoCrawlers: boolean;
+    robotsAllowAiBots: boolean;
+    robotsText: string;
+    robotsRemoveSitemap: boolean;
+    sitemapEnabled: boolean;
+    siteName: string;
+    fallbackTitle: boolean;
+    concatTitle: boolean;
+    maintenanceModeEnabled: boolean;
+    sitemapXml: string;
+    canonicalUrl: string;
+};
+export interface CwaModuleOptions {
+    storeName: string;
+    siteConfig: Partial<SiteConfigParams>;
+    resources: CwaResourcesMeta;
+    pagesDepth?: number;
+    layouts?: {
+        [type: string]: CwaUiMeta;
+    };
+    pages?: {
+        [type: string]: CwaUiMeta;
+    };
+    pageData?: {
+        [resourceClass: string]: Pick<CwaUiMeta, 'name'> & {
+            metaFields?: {
+                field: string;
+                type: 'input' | 'select';
+                label: string;
+                options?: SelectOption[];
+            }[];
+        };
+    };
+    layoutName?: string;
+}

package/dist/runtime/types/popper.d.ts

@@ -0,0 +1,14 @@
+import type { Placement, PositioningStrategy } from '@popperjs/core'
+
+export interface PopperOptions {
+  locked?: boolean
+  overflowPadding?: number
+  offsetDistance?: number
+  offsetSkid?: number
+  placement?: Placement
+  strategy?: PositioningStrategy
+  gpuAcceleration?: boolean
+  adaptive?: boolean
+  scroll?: boolean
+  resize?: boolean
+}

package/dist/types.d.mts

@@ -0,0 +1,7 @@
+import type { NuxtModule } from '@nuxt/schema'
+
+import type { default as Module } from './module.mjs'
+
+export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
+
+export { type NAME, default } from './module.mjs'

package/package.json

@@ -0,0 +1,132 @@
+{
+  "name": "@cwa/nuxt-edge",
+  "version": "0.0.0-29696494.72f11a4",
+  "license": "MIT",
+  "type": "module",
+  "description": "Components Web Apps Nuxt Module. UI for creating component-driven web apps with the API Components Bundle",
+  "author": "Daniel West <daniel@silverback.is>",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/components-web-app/cwa-nuxt-module.git"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.mts",
+      "import": "./dist/module.mjs"
+    }
+  },
+  "main": "./dist/module.mjs",
+  "directories": {
+    "layer": "./dist/layer"
+  },
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/types.d.mts"
+      ]
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@nuxtjs/color-mode": "^4.0.0",
+    "@nuxtjs/robots": "^6.0.8",
+    "@nuxtjs/seo": "^5.1.3",
+    "@nuxtjs/sitemap": "^8.0.15",
+    "@pinia/nuxt": "0.11.3",
+    "@popperjs/core": "^2.11.8",
+    "@tailwindcss/vite": "^4.2.4",
+    "@vueuse/core": "^14.3.0",
+    "consola": "^3.4.2",
+    "cookie": "^1.1.1",
+    "dayjs": "^1.11.20",
+    "defu": "^6.1.7",
+    "fast-xml-parser": "^5.7.3",
+    "jwt-decode": "^4.0.0",
+    "lodash-es": "^4.18.1",
+    "luxon": "^3.7.2",
+    "mitt": "^3.0.1",
+    "pinia": "^3.0.4",
+    "set-cookie-parser": "^3.1.0",
+    "slugify": "^1.6.9",
+    "uuid": "^14.0.0",
+    "vue": "^3.5.34",
+    "vue-input-autowidth": "^2.2.1",
+    "vuejs-confirm-dialog": "^0.5.2",
+    "@takumi-rs/core": "^1.1.2"
+  },
+  "devDependencies": {
+    "@eslint/eslintrc": "^3.3.5",
+    "@eslint/js": "^10.0.1",
+    "@headlessui/vue": "^1.7.23",
+    "@nuxt/eslint-config": "^1.15.2",
+    "@nuxt/kit": "^4.4.8",
+    "@nuxt/module-builder": "^1.0.2",
+    "@nuxt/schema": "^4.4.8",
+    "@nuxt/test-utils": "4.0.3",
+    "@oxc-minify/binding-darwin-arm64": "^0.129.0",
+    "@oxc-parser/binding-darwin-arm64": "^0.129.0",
+    "@oxc-transform/binding-darwin-arm64": "^0.129.0",
+    "@pinia/testing": "^1.0.3",
+    "@stryker-mutator/core": "^9.6.1",
+    "@stryker-mutator/vitest-runner": "^9.6.1",
+    "@tailwindcss/forms": "^0.5.11",
+    "@tailwindcss/postcss": "^4.2.4",
+    "@types/lodash-es": "^4.17.12",
+    "@types/luxon": "^3.7.1",
+    "@types/object-hash": "^3.0.6",
+    "@types/set-cookie-parser": "^2.4.10",
+    "@vitest/coverage-v8": "^4.1.5",
+    "@vue/test-utils": "^2.4.10",
+    "concurrently": "^9.2.1",
+    "copyfiles": "^2.4.1",
+    "del-cli": "^7.0.0",
+    "eslint": "^10.3.0",
+    "globby": "^16.2.0",
+    "happy-dom": "^20.9.0",
+    "nuxt": "^4.4.8",
+    "pathe": "^2.0.3",
+    "playwright-core": "^1.59.1",
+    "postcss": "^8.5.14",
+    "postcss-cli": "^11.0.1",
+    "tailwindcss": "^4.2.4",
+    "typescript": "^6.0.3",
+    "vite-tsconfig-paths": "^6.1.1",
+    "vitest": "^4.1.5",
+    "vitest-environment-nuxt": "^2.0.0",
+    "vue-tsc": "^3.2.8"
+  },
+  "engines": {
+    "pnpm": ">=11.5.3"
+  },
+  "scripts": {
+    "build": "pnpm run clean-dist && pnpm run copy-layer && nuxt-module-build build && pnpm run tailwind:main && pnpm run tailwind:base",
+    "clean-dist": "del dist/",
+    "copy-layer": "copyfiles -e \"./src/layer/**/*.spec.*\" -u 1 \"./src/layer/**\" dist/",
+    "dev": "concurrently --kill-others \"pnpm tailwind:watch\" \"pnpm dev:https\"",
+    "dev:https": "pnpm run dev:prepare && nuxi dev playground --https",
+    "dev:http": "pnpm run dev:prepare && nuxi dev playground",
+    "dev:build": "nuxi build playground",
+    "dev:preview": "nuxi preview playground",
+    "dev:test:types": "cd playground && vue-tsc",
+    "dev:preview:https": "NITRO_SSL_CERT=$(cat certs/localhost.pem) NITRO_SSL_KEY=$(cat certs/localhost.key.pem) nuxi preview playground",
+    "dev:prepare": "pnpm run tailwind:main && pnpm run tailwind:base && nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
+    "lint": "eslint .",
+    "lint:fix": "eslint --fix .",
+    "test": "vitest --run --reporter=verbose",
+    "test:watch": "vitest --watch --reporter=verbose",
+    "test:watch:coverage": "vitest --watch --coverage --reporter=verbose",
+    "test:coverage": "vitest --run --coverage --reporter=verbose",
+    "test:types": "pnpm run module:test:types && pnpm run dev:test:types",
+    "module:test:types": "vue-tsc",
+    "stryker:init": "stryker init",
+    "stryker:run": "stryker run",
+    "tailwind:main": "postcss src/tailwind/tailwind-cwa.css -o ./src/runtime/templates/assets/cwa.css",
+    "tailwind:base": "postcss src/tailwind/tailwind-base.css -o ./src/runtime/templates/assets/base.css",
+    "tailwind:watch": "postcss src/tailwind/tailwind-cwa.css -o ./src/runtime/templates/assets/cwa.css --watch"
+  }
+}