refactor: simplify project structure

prismicio · Dec 5, 2024 · 0cb1ca7 · 0cb1ca7
1 parent de2cb68
commit 0cb1ca7
Show file tree

Hide file tree

Showing 18 changed files with 107 additions and 722 deletions.
diff --git a/src/components/PrismicEmbed.vue → src/PrismicEmbed.vue b/src/components/PrismicEmbed.vue → src/PrismicEmbed.vue
@@ -2,7 +2,7 @@
 import type { EmbedField } from "@prismicio/client"
 import { isFilled } from "@prismicio/client"
 
-import type { ComponentOrTagName } from "../types"
+import type { ComponentOrTagName } from "./types"
 
 /**
  * The default component rendered to wrap the embed.

diff --git a/src/components/PrismicImage.vue → src/PrismicImage.vue b/src/components/PrismicImage.vue → src/PrismicImage.vue
@@ -7,9 +7,9 @@ import {
 } from "@prismicio/client"
 import { computed, watchEffect } from "vue"
 
-import { devMsg } from "../lib/devMsg"
+import { devMsg } from "./lib/devMsg"
 
-import { usePrismic } from "../usePrismic"
+import { usePrismic } from "./usePrismic"
 
 /**
  * Props for `<PrismicImage />`.

diff --git a/src/components/PrismicRichText.ts → src/PrismicRichText.ts b/src/components/PrismicRichText.ts → src/PrismicRichText.ts
@@ -29,12 +29,12 @@ import {
 } from "vue"
 import { routerKey } from "vue-router"
 
-import { isInternalURL } from "../lib/isInternalURL"
-import { simplyResolveComponent } from "../lib/simplyResolveComponent"
+import { isInternalURL } from "./lib/isInternalURL"
+import { simplyResolveComponent } from "./lib/simplyResolveComponent"
 
-import type { VueUseOptions } from "../types"
+import type { VueUseOptions } from "./types"
 
-import { usePrismic } from "../usePrismic"
+import { usePrismic } from "./usePrismic"
 
 /**
  * The default component rendered to wrap the HTML output.

diff --git a/src/components/PrismicText.vue → src/PrismicText.vue b/src/components/PrismicText.vue → src/PrismicText.vue
@@ -3,9 +3,9 @@ import type { RichTextField } from "@prismicio/client"
 import { asText, isFilled } from "@prismicio/client"
 import { watchEffect } from "vue"
 
-import { devMsg } from "../lib/devMsg"
+import { devMsg } from "./lib/devMsg"
 
-import type { ComponentOrTagName } from "../types"
+import type { ComponentOrTagName } from "./types"
 
 /**
  * Props for `<PrismicText />`.

diff --git a/src/components/SliceZone.ts → src/SliceZone.ts b/src/components/SliceZone.ts → src/SliceZone.ts
@@ -12,10 +12,9 @@ import type {
 } from "vue"
 import { computed, defineComponent, h, markRaw, watchEffect } from "vue"
 
-import { __PRODUCTION__ } from "../lib/__PRODUCTION__"
-import { simplyResolveComponent } from "../lib/simplyResolveComponent"
+import { simplyResolveComponent } from "./lib/simplyResolveComponent"
 
-import { usePrismic } from "../usePrismic"
+import { usePrismic } from "./usePrismic"
 
 /**
  * Returns the type of a `SliceLike` type.
@@ -249,44 +248,45 @@ export type SliceComponentType<
  * This is also the default Vue component rendered when a component mapping
  * cannot be found in `<SliceZone />`.
  */
-export const TODOSliceComponent = __PRODUCTION__
-	? ((() => null) as FunctionalComponent<{
-			slice: SliceLike
-		}>)
-	: /*#__PURE__*/ (defineComponent({
-			name: "TODOSliceComponent",
-			props: {
-				slice: {
-					type: Object as PropType<SliceLike>,
-					required: true,
+export const TODOSliceComponent =
+	typeof process !== "undefined" && process.env.NODE_ENV === "development"
+		? /*#__PURE__*/ (defineComponent({
+				name: "TODOSliceComponent",
+				props: {
+					slice: {
+						type: Object as PropType<SliceLike>,
+						required: true,
+					},
 				},
-			},
-			setup(props) {
-				const type = computed(() => {
-					return "slice_type" in props.slice
-						? props.slice.slice_type
-						: props.slice.type
-				})
-
-				watchEffect(() => {
-					console.warn(
-						`[SliceZone] Could not find a component for Slice type "${type.value}"`,
-						props.slice,
-					)
-				})
+				setup(props) {
+					const type = computed(() => {
+						return "slice_type" in props.slice
+							? props.slice.slice_type
+							: props.slice.type
+					})
 
-				return () => {
-					return h(
-						"section",
-						{
-							"data-slice-zone-todo-component": "",
-							"data-slice-type": type.value,
-						},
-						[`Could not find a component for Slice type "${type.value}"`],
-					)
-				}
-			},
-		}) as SliceComponentType)
+					watchEffect(() => {
+						console.warn(
+							`[SliceZone] Could not find a component for Slice type "${type.value}"`,
+							props.slice,
+						)
+					})
+
+					return () => {
+						return h(
+							"section",
+							{
+								"data-slice-zone-todo-component": "",
+								"data-slice-type": type.value,
+							},
+							[`Could not find a component for Slice type "${type.value}"`],
+						)
+					}
+				},
+			}) as SliceComponentType)
+		: ((() => null) as FunctionalComponent<{
+				slice: SliceLike
+			}>)
 
 /**
  * A record of Slice types mapped to Vue components. Each components will be
@@ -518,7 +518,10 @@ export const SliceZoneImpl = /*#__PURE__*/ defineComponent({
 		}
 
 		// TODO: Remove in v3 when the `resolver` prop is removed.
-		if (!__PRODUCTION__) {
+		if (
+			typeof process !== "undefined" &&
+			process.env.NODE_ENV === "development"
+		) {
 			if (props.resolver) {
 				console.warn(
 					"The `resolver` prop is deprecated. Please replace it with a components map using the `components` prop.",