vite-wp 0.1.0

package/starter/src/wordpress/generated-types.ts

@@ -0,0 +1,38 @@
+// Generated by ViteWP. Do not edit by hand.
+
+export type WpPostType = "post" | "page" | "attachment";
+export type WpTaxonomy = "category" | "post_tag";
+
+export type WpRestBaseByPostType = {
+  "post": "posts";
+  "page": "pages";
+  "attachment": "media";
+};
+export type WpArchiveSlugByPostType = {
+  "post": null;
+  "page": null;
+  "attachment": null;
+};
+export type WpRestBaseByTaxonomy = {
+  "category": "categories";
+  "post_tag": "tags";
+};
+
+export interface WpRenderedField {
+  rendered: string;
+  protected?: boolean;
+}
+
+export interface WpContentItem<PostType extends WpPostType = WpPostType> {
+  id: number;
+  slug: string;
+  type: PostType;
+  link: string;
+  title: WpRenderedField;
+  content: WpRenderedField;
+  excerpt?: WpRenderedField;
+  date?: string;
+  modified?: string;
+}
+
+export interface WpArchiveItem<PostType extends WpPostType = WpPostType> extends WpContentItem<PostType> {}

package/starter/src/wordpress/menus.ts

@@ -0,0 +1,51 @@
+import { getWordPressBaseUrl } from './client.js';
+
+export interface WpMenuItem {
+  id: number;
+  parent: number;
+  title: string;
+  url: string;
+  target: string;
+  classes: string[];
+  object: string;
+  objectId: number;
+  type: string;
+}
+
+export interface WpMenu {
+  id: number;
+  slug: string;
+  name: string;
+  items: WpMenuItem[];
+}
+
+export interface WpMenusPayload {
+  locations: Record<string, number>;
+  menus: WpMenu[];
+}
+
+export async function getMenus(): Promise<WpMenusPayload> {
+  const response = await fetch(`${getWordPressBaseUrl()}/wp-json/vitewp/v1/menus`);
+
+  if (!response.ok) {
+    throw new Error(`Could not fetch WordPress menus: ${response.status} ${response.statusText}`);
+  }
+
+  return response.json() as Promise<WpMenusPayload>;
+}
+
+export async function getMenuByLocation(location: string): Promise<WpMenu | null> {
+  const payload = await getMenus();
+  const menuId = payload.locations[location];
+
+  if (!menuId) {
+    return null;
+  }
+
+  return payload.menus.find((menu) => menu.id === menuId) ?? null;
+}
+
+export async function getMenuBySlug(slug: string): Promise<WpMenu | null> {
+  const payload = await getMenus();
+  return payload.menus.find((menu) => menu.slug === slug) ?? null;
+}

package/starter/src/wordpress/schemas.ts

@@ -0,0 +1,44 @@
+import { z } from 'astro/zod';
+
+export const wpRenderedFieldSchema = z.looseObject({
+  rendered: z.string(),
+  protected: z.boolean().optional(),
+});
+
+export const wpContentItemSchema = z.looseObject({
+  id: z.number(),
+  slug: z.string(),
+  type: z.string(),
+  link: z.string(),
+  title: wpRenderedFieldSchema,
+  content: wpRenderedFieldSchema,
+  excerpt: wpRenderedFieldSchema.optional(),
+  date: z.string().optional(),
+  modified: z.string().optional(),
+});
+
+export const wpResolvedRouteSchema = z.looseObject({
+  kind: z.string(),
+  postType: z.string(),
+  restBase: z.string(),
+  slug: z.string(),
+});
+
+export const wpMenuItemSchema = z.looseObject({
+  id: z.number(),
+  parent: z.number(),
+  title: z.string(),
+  url: z.string(),
+  target: z.string(),
+  classes: z.array(z.string()),
+  object: z.string(),
+  objectId: z.number(),
+  type: z.string(),
+});
+
+export const wpMenuSchema = z.looseObject({
+  id: z.number(),
+  slug: z.string(),
+  name: z.string(),
+  items: z.array(wpMenuItemSchema),
+});

package/starter/src/wordpress/templates.ts

@@ -0,0 +1,113 @@
+import type { WpContentItem, WpResolvedRoute } from './client.js';
+
+export interface TemplateContext {
+  route: WpResolvedRoute;
+  title: string;
+  content: string;
+  excerpt: string;
+  slug: string;
+  postType: string;
+  items: WpContentItem[];
+  page: number;
+  perPage: number;
+  total: number;
+  totalPages: number;
+  search?: string;
+  taxonomy?: string;
+  termName?: string;
+}
+
+export function createTemplateContext(route: WpResolvedRoute): TemplateContext {
+  switch (route.kind) {
+    case 'postsArchive':
+    case 'postTypeArchive':
+    case 'search':
+      return {
+        route,
+        title: route.title,
+        content: '',
+        excerpt: '',
+        slug: route.slug,
+        postType: route.postType,
+        items: route.items,
+        page: route.page,
+        perPage: route.perPage,
+        total: route.total,
+        totalPages: route.totalPages,
+        search: route.search,
+      };
+    case 'taxonomyArchive':
+      return {
+        route,
+        title: route.title,
+        content: '',
+        excerpt: '',
+        slug: route.slug,
+        postType: route.postType,
+        items: route.items,
+        page: route.page,
+        perPage: route.perPage,
+        total: route.total,
+        totalPages: route.totalPages,
+        taxonomy: route.taxonomy,
+        termName: route.termName,
+      };
+    case 'page':
+    case 'single':
+      return {
+        route,
+        title: route.item.title.rendered,
+        content: route.item.content.rendered,
+        excerpt: route.item.excerpt?.rendered ?? '',
+        slug: route.slug,
+        postType: route.postType,
+        items: [],
+        page: 1,
+        perPage: 0,
+        total: 0,
+        totalPages: 0,
+      };
+  }
+}
+
+export function templateCandidates(route: WpResolvedRoute): string[] {
+  if (route.kind === 'search') {
+    return ['search.astro', 'posts/archive.astro'];
+  }
+
+  if (route.kind === 'taxonomyArchive') {
+    return [
+      `taxonomies/${route.taxonomy}-${route.slug}.astro`,
+      `taxonomies/${route.taxonomy}.astro`,
+      'taxonomies/taxonomy-[taxonomy].astro',
+      'posts/archive.astro',
+    ];
+  }
+
+  if (route.kind === 'postsArchive') {
+    return ['posts/archive.astro'];
+  }
+
+  if (route.kind === 'postTypeArchive') {
+    return [
+      `post-types/${route.postType}/archive.astro`,
+      'posts/archive.astro',
+    ];
+  }
+
+  if (route.kind === 'page') {
+    return [
+      ...(route.isFrontPage ? ['pages/front-page.astro'] : []),
+      `pages/page-${route.slug}.astro`,
+      'pages/default.astro',
+    ];
+  }
+
+  return [
+    `post-types/${route.postType}/single-${route.slug}.astro`,
+    `post-types/${route.postType}/single.astro`,
+    ...(route.postType === 'post' ? [] : ['posts/single.astro']),
+    `posts/single-${route.slug}.astro`,
+    'posts/single.astro',
+  ];
+}

package/starter/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "astro/tsconfigs/strict",
+  "include": [".astro/types.d.ts", "src"]
+}

package/starter/vitewp.config.ts

@@ -0,0 +1,29 @@
+import { defineConfig } from 'vitewp';
+
+export default defineConfig({
+  database: {
+    driver: 'mysql',
+    host: process.env.WP_DB_HOST ?? '127.0.0.1',
+    port: Number(process.env.WP_DB_PORT ?? 3306),
+    name: process.env.WP_DB_NAME ?? 'vitewp',
+    user: process.env.WP_DB_USER ?? 'root',
+    password: process.env.WP_DB_PASSWORD ?? '',
+    tablePrefix: process.env.WP_DB_TABLE_PREFIX ?? 'wp_',
+  },
+  wordpress: {
+    mode: 'local',
+    url: 'http://localhost:3000',
+    docroot: 'wordpress/public',
+    contentDir: 'wordpress/content',
+  },
+  composer: {
+    install: true,
+    wordpressPackage: 'johnpbloch/wordpress',
+  },
+  templates: {
+    directory: 'src/templates',
+  },
+  types: {
+    output: 'src/wordpress/generated-types.ts',
+  },
+});