@wpnuxt/core 1.0.0-edge.9 → 2.0.0-alpha.2

package/dist/runtime/components/StagingBanner.vue

@@ -1,107 +0,0 @@
-<script setup lang="ts">
-import { useWPUri } from '../composables/useWPUri'
-import { useWPContent } from '../composables'
-import WPNuxtLogo from './WPNuxtLogo.vue'
-import WordPressLogo from './WordPressLogo.vue'
-import { useRuntimeConfig, useHead, useRoute } from '#imports'
-
-const config = useRuntimeConfig()
-const frontendUrl = config.public.wpNuxt.frontendUrl
-const wordpressUrl = config.public.wpNuxt.wordpressUrl
-const wpUri = useWPUri()
-useHead({
-  title: 'Staging',
-  link: [
-    {
-      type: 'stylesheet',
-      href: wordpressUrl + '/wp-admin/load-styles.php?c=0&dir=ltr&load%5Bchunk_0%5D=dashicons,admin-bar,site-health,common,forms,admin-menu,dashboard,list-tables,edit,revisions,media,themes,about,nav-menus,wp-poi&load%5Bchunk_1%5D=nter,widgets,site-icon,l10n,buttons,wp-auth-check&ver=6.4.3'
-    }
-  ]
-})
-
-const route = useRoute()
-let uri = route.path === '/' ? 'home' : route.path
-if (uri.startsWith('/')) {
-  uri = uri.substring(1)
-}
-if (uri.endsWith('/')) {
-  uri = uri.substring(0, uri.length - 1)
-}
-const { data: post } = await useWPContent('NodeByUri', ['nodeByUri'], false, { uri: uri })
-
-if (import.meta.client) {
-  document.body.style.marginBottom = '40px'
-}
-</script>
-
-<template>
-  <div id="wpNuxtStagingBar">
-    <div class="bar-container">
-      <div class="bar-left">
-        <WPNuxtLogo wp-color="white" />
-        <div class="bar-button-wrapper">
-          <NuxtLink
-            :to="wpUri.admin"
-            class="bar-button"
-          >
-            <WordPressLogo /> Admin
-          </NuxtLink>
-        </div>
-        <div
-          v-if="post"
-          class="bar-button-wrapper"
-        >
-          <NuxtLink
-            :to="wpUri.postEdit('' + post.databaseId)"
-            class="bar-button primary"
-          >
-            <svg
-              class="icon"
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 24 24"
-              width="24"
-              height="24"
-            >
-              <path
-                fill="none"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="1.5"
-                d="m16.862 4.487l1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8l.8-2.685a4.5 4.5 0 0 1 1.13-1.897zm0 0L19.5 7.125"
-              />
-            </svg>
-            Edit <span class="hidden sm:inline-flex">{{ post.contentTypeName }}</span>
-          </NuxtLink>
-        </div>
-      </div>
-      <div class="bar-right">
-        <div class="bar-button-wrapper">
-          <NuxtLink
-            v-if="frontendUrl"
-            :to="frontendUrl"
-            class="bar-button"
-            target="_blank"
-          >
-            Live site
-            <svg
-              class="icon"
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 24 24"
-              width="24"
-              height="24"
-            >
-              <path
-                fill="black"
-                d="M18 10.82a1 1 0 0 0-1 1V19a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h7.18a1 1 0 0 0 0-2H5a3 3 0 0 0-3 3v11a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3v-7.18a1 1 0 0 0-1-1m3.92-8.2a1 1 0 0 0-.54-.54A1 1 0 0 0 21 2h-6a1 1 0 0 0 0 2h3.59L8.29 14.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0L20 5.41V9a1 1 0 0 0 2 0V3a1 1 0 0 0-.08-.38"
-              />
-            </svg>
-          </NuxtLink>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-#wpNuxtStagingBar{background-color:#171717;height:40px;width:100%;--tw-shadow:0 -1px 10px -3px rgb(0,0,0,0.3);--tw-shadow-colored:0 -1px 10px -3px var(--tw-shadow-color);bottom:0;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);left:0;position:fixed;right:0;z-index:9999}#wpNuxtStagingBar .bar-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-left:auto;margin-right:auto;max-width:80rem;padding:7px}#wpNuxtStagingBar .bar-left{text-align:left}#wpNuxtStagingBar .bar-left,#wpNuxtStagingBar .bar-right{display:flex;flex-grow:1;overflow:hidden;vertical-align:top}#wpNuxtStagingBar .bar-right{flex:none;justify-content:flex-end;text-align:right}.wpnuxt-logo{margin-right:1.5rem}.wordpress-logo{height:1rem;width:1rem}.bar-button{--tw-ring-color:#ccc;--tw-ring-inset:inset;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-text-opacity:1;align-items:center;background-color:#eee;border-radius:.375rem;color:#000;-moz-column-gap:.25rem;column-gap:.25rem;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:500;line-height:1rem;margin-right:.5rem;padding:.25rem .5rem;stroke:#000;text-decoration:none}.bar-button:hover{--tw-ring-color:#999;background-color:#aaa;text-decoration:none}.bar-button.primary{--tw-ring-color:#999;background-color:rgb(186 175 78/var(--tw-text-opacity))}.bar-button.primary:hover{color:#fff;stroke:#fff;--tw-ring-color:#666;background-color:rgb(156 142 27/var(--tw-text-opacity));text-decoration:none}.bar-button-wrapper{display:inline-block;margin-top:.25rem;vertical-align:top}.icon{background-color:transparent;display:inline-block;height:1em;width:1em}
-</style>

package/dist/runtime/components/WordPressLogo.vue

@@ -1,15 +0,0 @@
-<template>
-  <svg
-    class="wordpress-logo"
-    viewBox="0 0 122.52 122.523"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <g fill="black">
-      <path d="m8.708 61.26c0 20.802 12.089 38.779 29.619 47.298l-25.069-68.686c-2.916 6.536-4.55 13.769-4.55 21.388z" />
-      <path d="m96.74 58.608c0-6.495-2.333-10.993-4.334-14.494-2.664-4.329-5.161-7.995-5.161-12.324 0-4.831 3.664-9.328 8.825-9.328.233 0 .454.029.681.042-9.35-8.566-21.807-13.796-35.489-13.796-18.36 0-34.513 9.42-43.91 23.688 1.233.037 2.395.063 3.382.063 5.497 0 14.006-.667 14.006-.667 2.833-.167 3.167 3.994.337 4.329 0 0-2.847.335-6.015.501l19.138 56.925 11.501-34.493-8.188-22.434c-2.83-.166-5.511-.501-5.511-.501-2.832-.166-2.5-4.496.332-4.329 0 0 8.679.667 13.843.667 5.496 0 14.006-.667 14.006-.667 2.835-.167 3.168 3.994.337 4.329 0 0-2.853.335-6.015.501l18.992 56.494 5.242-17.517c2.272-7.269 4.001-12.49 4.001-16.989z" />
-      <path d="m62.184 65.857-15.768 45.819c4.708 1.384 9.687 2.141 14.846 2.141 6.12 0 11.989-1.058 17.452-2.979-.141-.225-.269-.464-.374-.724z" />
-      <path d="m107.376 36.046c.226 1.674.354 3.471.354 5.404 0 5.333-.996 11.328-3.996 18.824l-16.053 46.413c15.624-9.111 26.133-26.038 26.133-45.426.001-9.137-2.333-17.729-6.438-25.215z" />
-      <path d="m61.262 0c-33.779 0-61.262 27.481-61.262 61.26 0 33.783 27.483 61.263 61.262 61.263 33.778 0 61.265-27.48 61.265-61.263-.001-33.779-27.487-61.26-61.265-61.26zm0 119.715c-32.23 0-58.453-26.223-58.453-58.455 0-32.23 26.222-58.451 58.453-58.451 32.229 0 58.45 26.221 58.45 58.451 0 32.232-26.221 58.455-58.45 58.455z" />
-    </g>
-  </svg>
-</template>

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

@@ -1,3 +0,0 @@
-export { isStaging } from './isStaging.js';
-export { useWPContent } from './useWPContent.js';
-export { useWPUri } from './useWPUri.js';

package/dist/runtime/composables/index.js

@@ -1,3 +0,0 @@
-export { isStaging } from "./isStaging.js";
-export { useWPContent } from "./useWPContent.js";
-export { useWPUri } from "./useWPUri.js";

package/dist/runtime/composables/isStaging.d.ts

@@ -1 +0,0 @@
-export declare const isStaging: () => Promise<any>;

package/dist/runtime/composables/isStaging.js

@@ -1,6 +0,0 @@
-import { useRuntimeConfig } from "#imports";
-const _isStaging = async () => {
-  const config = useRuntimeConfig();
-  return config.public.wpNuxt.staging;
-};
-export const isStaging = _isStaging;

package/dist/runtime/composables/useFeaturedImage.d.ts

@@ -1,2 +0,0 @@
-import type { Post, Page } from '#graphql-operations';
-export declare const useFeaturedImage: (contentNode: Post | Page) => string | undefined;

package/dist/runtime/composables/useFeaturedImage.js

@@ -1,7 +0,0 @@
-import { getRelativeImagePath } from "../util/images.js";
-const _useFeaturedImage = (contentNode) => {
-  const sourceUrl = contentNode?.featuredImage?.node?.sourceUrl;
-  if (sourceUrl) return getRelativeImagePath(sourceUrl);
-  else return void 0;
-};
-export const useFeaturedImage = _useFeaturedImage;

package/dist/runtime/composables/usePrevNextPost.d.ts

@@ -1,4 +0,0 @@
-export declare const usePrevNextPost: (currentPostSlug: string) => Promise<{
-    prev: any;
-    next: any;
-}>;

package/dist/runtime/composables/usePrevNextPost.js

@@ -1,25 +0,0 @@
-import { useWPContent } from "./useWPContent.js";
-const _usePrevNextPost = async (currentPostSlug) => {
-  const allPosts = await getAllPosts();
-  if (!allPosts) return { prev: null, next: null };
-  const currentIndex = allPosts.slugs.findIndex((slug) => slug === currentPostSlug);
-  const nextPost = currentIndex > 0 ? allPosts.slugs[currentIndex - 1] : null;
-  const prevPost = allPosts.slugs.length > currentIndex + 1 ? allPosts.slugs[currentIndex + 1] : null;
-  return {
-    prev: prevPost ? prevPost : null,
-    next: nextPost ? nextPost : null
-  };
-};
-const getAllPosts = async () => {
-  const { data: allPosts } = await useWPContent("Posts", ["posts", "nodes"], false);
-  if (allPosts) {
-    return {
-      slugs: allPosts?.map((post) => {
-        if (post) return post.slug;
-        else return null;
-      })
-    };
-  }
-  return;
-};
-export const usePrevNextPost = _usePrevNextPost;

package/dist/runtime/composables/useWPUri.d.ts

@@ -1,8 +0,0 @@
-export declare const useWPUri: () => {
-    base: any;
-    admin: string;
-    pagesAdmin: string;
-    postAdmin: string;
-    postEdit: (path: string) => string;
-    settingsEdit: string;
-};

package/dist/runtime/composables/useWPUri.js

@@ -1,23 +0,0 @@
-import { useRuntimeConfig } from "#imports";
-const _useWPUri = () => {
-  const config = useRuntimeConfig();
-  const base = config.public.wpNuxt.wordpressUrl;
-  const admin = base + "/wp-admin";
-  const pagesAdmin = base + "/wp-admin/edit.php?post_type=page";
-  const postAdmin = base + "/wp-admin/edit.php?post_type=post";
-  const settingsEdit = base + "/wp-admin/options-general.php";
-  const postEdit = (path) => {
-    if (path)
-      return base + "/wp-admin/post.php?post=" + path + "&action=edit";
-    else return postAdmin;
-  };
-  return {
-    base,
-    admin,
-    pagesAdmin,
-    postAdmin,
-    postEdit,
-    settingsEdit
-  };
-};
-export const useWPUri = _useWPUri;

package/dist/runtime/plugins/vue-sanitize-directive.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
-export default _default;

package/dist/runtime/plugins/vue-sanitize-directive.js

@@ -1,5 +0,0 @@
-import { defineNuxtPlugin } from "nuxt/app";
-import VueSanitize from "vue-sanitize-directive";
-export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.vueApp.use(VueSanitize);
-});

package/dist/runtime/server/api/purgeCache.get.d.ts

@@ -1,5 +0,0 @@
-declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<{
-    data: string;
-    errors: never[];
-}>>;
-export default _default;

package/dist/runtime/server/api/purgeCache.get.js

@@ -1,9 +0,0 @@
-import { defineEventHandler } from "h3";
-import { purgeCache } from "../storage.js";
-export default defineEventHandler(async () => {
-  purgeCache();
-  return {
-    data: "Cache purged!",
-    errors: []
-  };
-});

package/dist/runtime/server/api/wpContent.post.d.ts

@@ -1,9 +0,0 @@
-declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<{
-    data: any;
-    errors: any;
-}>>;
-export default _default;
-/**
- * Get the parameters for the GraphQL middleware query.
- */
-export declare function buildRequestParams(variables?: Record<string, any> | undefined | null): Record<string, any>;

package/dist/runtime/server/api/wpContent.post.js

@@ -1,50 +0,0 @@
-import { defineEventHandler, readBody } from "h3";
-import { cacheStorage } from "../storage.js";
-import { isStaging } from "../../composables/isStaging.js";
-import { useRuntimeConfig } from "#imports";
-export default defineEventHandler(async (event) => {
-  const config = useRuntimeConfig();
-  const body = await readBody(event);
-  const staging = await isStaging();
-  if (!body || !body.queryName) {
-    throw new Error(
-      "The request must contain a queryName"
-    );
-  }
-  const cacheKey = `wpContent-${body.queryName}-${body.params ? JSON.stringify(body.params).replaceAll('"', "").replaceAll(":", "-") : ""}`;
-  if (config.public.wpNuxt.enableCache && !staging) {
-    const cachedContent = await cacheStorage.getItem(cacheKey);
-    if (cachedContent) {
-      return {
-        data: cachedContent,
-        errors: []
-      };
-    }
-  }
-  return $fetch("/api/graphql_middleware/query/" + body.queryName, {
-    params: buildRequestParams(body.params),
-    headers: {
-      Authorization: `Bearer ${event.context.accessToken}`
-    }
-  }).then((v) => {
-    cacheStorage.setItem(cacheKey, v.data).catch(() => {
-    });
-    return {
-      data: v.data,
-      errors: v.errors || []
-    };
-  });
-});
-export function buildRequestParams(variables) {
-  if (!variables) {
-    return {};
-  }
-  for (const key in variables) {
-    if (typeof variables[key] !== "string") {
-      return {
-        __variables: JSON.stringify(variables)
-      };
-    }
-  }
-  return variables;
-}

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

@@ -1 +0,0 @@
-export declare function usePosts(): Promise<unknown>;

package/dist/runtime/server/index.js

@@ -1,8 +0,0 @@
-export function usePosts() {
-  return $fetch("/api/wpContent", {
-    method: "POST",
-    body: {
-      queryName: "Posts"
-    }
-  });
-}

package/dist/runtime/server/storage.d.ts

@@ -1,3 +0,0 @@
-import { type Storage } from 'unstorage';
-export declare const cacheStorage: Storage;
-export declare const purgeCache: () => Promise<void>;

package/dist/runtime/server/storage.js

@@ -1,11 +0,0 @@
-import { prefixStorage } from "unstorage";
-import { useLogger } from "../util/logger.js";
-import { useStorage } from "#imports";
-export const cacheStorage = prefixStorage(useStorage(), "cache:wpnuxt-content");
-export const purgeCache = async () => {
-  const keys = await cacheStorage.getKeys("cache:wpnuxt-content");
-  keys.forEach(async (key) => {
-    await cacheStorage.removeItem(key);
-  });
-  useLogger().info("ServerSide cache purged!");
-};

package/dist/runtime/util/logger.d.ts

@@ -1,3 +0,0 @@
-import { type LogLevel } from 'consola';
-export declare const useLogger: () => any;
-export declare const initLogger: (logLevel: LogLevel | undefined) => any;

package/dist/runtime/util/logger.js

@@ -1,25 +0,0 @@
-import { createConsola } from "consola";
-import { ref } from "vue";
-import { useRuntimeConfig } from "#imports";
-const loggerRef = ref();
-export const useLogger = () => {
-  const logger = loggerRef.value;
-  if (logger) {
-    return logger;
-  } else {
-    const config = useRuntimeConfig();
-    return initLogger(config.public.wpNuxt.logLevel ? config.public.wpNuxt.logLevel : 3);
-  }
-};
-export const initLogger = (logLevel) => {
-  loggerRef.value = createConsola({
-    level: logLevel ? logLevel : 3,
-    formatOptions: {
-      colors: true,
-      compact: true,
-      date: true,
-      fancy: true
-    }
-  }).withTag("wpnuxt");
-  return loggerRef.value;
-};

package/dist/types.d.ts

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