@alpaca-editor/core 1.0.3938 → 1.0.3941

package/src/editor/views/CompareView.tsx

@@ -1,245 +0,0 @@
-import { useEffect, useState } from "react";
-import { EditorMode, useEditContext } from "../client/editContext";
-import { LanguageSelector } from "../menubar/LanguageSelector";
-import { VersionSelector } from "../menubar/VersionSelector";
-import { FullItem, ItemDescriptor, Version } from "../pageModel";
-import { usePageViewContext } from "../page-viewer/pageViewContext";
-import { useSearchParams } from "next/navigation";
-import { useRouter } from "next/navigation";
-import { SingleEditView } from "./SingleEditView";
-import { getLanguagesAndVersions } from "../services/contentService";
-import { Allotment } from "allotment";
-import { ItemEditor } from "./ItemEditor";
-
-export function CompareView() {
-  const editContext = useEditContext();
-  const searchParams = useSearchParams();
-  const router = useRouter();
-  if (!editContext) return;
-
-  const [compareToItem, setCompareToItem] = useState<FullItem | undefined>();
-  const [compareToVersions, setCompareToVersions] = useState<Version[]>([]);
-
-  const compareTo = editContext.compareTo;
-  const setCompareTo = editContext.setCompareTo;
-
-  const comparePageViewContext = usePageViewContext({
-    pageItemDescriptor: compareToItem?.descriptor,
-    itemsRepository: editContext.itemsRepository,
-    configuration: editContext.configuration,
-  });
-
-  useEffect(() => {
-    comparePageViewContext.setDevice(editContext.pageView.device);
-  }, [editContext.pageView.device]);
-
-  const updateCompareToVersions = async () => {
-    if (!compareTo || !compareTo.id || !compareTo.language) {
-      setCompareToVersions([]);
-      return;
-    }
-    const result = await getLanguagesAndVersions(compareTo);
-    if (result?.data) {
-      const versions = result.data.versions.reverse();
-      setCompareToVersions(versions);
-    }
-  };
-
-  useEffect(() => {
-    const updateCompareTo = async () => {
-      if (!editContext) return;
-      if (editContext.contentEditorItem) {
-        let urlLanguage =
-          searchParams.get("compareLanguage") ||
-          editContext.contentEditorItem.descriptor.language;
-        let urlVersion =
-          parseInt(searchParams.get("compareVersion") || "0") ||
-          editContext.currentItemDescriptor?.version;
-
-        const language = editContext.itemLanguages.find(
-          (x) => x.languageCode === urlLanguage,
-        );
-
-        if (!language || !language.versions) {
-          urlLanguage = "";
-        }
-
-        if (!editContext.currentItemDescriptor?.id || !language) {
-          setCompareTo(undefined);
-          return;
-        }
-
-        const result = await getLanguagesAndVersions({
-          id: editContext.currentItemDescriptor?.id,
-          language: language.languageCode,
-          version: 0,
-        });
-        if (result?.data) {
-          const versions = [...result.data.versions].reverse();
-          const version = versions.find((x) => x.version === urlVersion);
-
-          setCompareTo({
-            id: editContext.contentEditorItem.descriptor.id,
-            language: urlLanguage,
-            version: version?.version || 0,
-          });
-        }
-      }
-    };
-    updateCompareTo();
-  }, [searchParams, editContext?.itemLanguages]);
-
-  useEffect(() => {
-    const updateCompareToItem = async () => {
-      if (!compareTo || !compareTo.id || !compareTo.language) {
-        setCompareToItem(undefined);
-        return;
-      }
-      const item = await editContext?.itemsRepository.getItem(compareTo);
-      setCompareToItem(item);
-    };
-    updateCompareToItem();
-    updateCompareToVersions();
-  }, [compareTo]);
-
-  function updateCompareTo(compareToItemDescriptor: ItemDescriptor) {
-    if (compareToItemDescriptor) {
-      const newParams = new URLSearchParams(searchParams.toString());
-      newParams.set("compareLanguage", compareToItemDescriptor.language);
-      newParams.set(
-        "compareVersion",
-        compareToItemDescriptor.version.toString(),
-      );
-      router.push(`?${newParams.toString()}`);
-    }
-  }
-
-  const originalSelector = (
-    <div className="flex flex-1 flex-shrink-0 items-center justify-center border-b bg-gray-100 p-1 text-sm text-gray-600">
-      <LanguageSelector
-        selectedLanguage={editContext.contentEditorItem?.descriptor?.language}
-        showAllLanguagesSwitch={false}
-        darkMode
-        onLanguageSelected={(language) => {
-          if (!editContext.contentEditorItem) return;
-          editContext.loadItem({
-            id: editContext.contentEditorItem.descriptor.id,
-            language: language.languageCode,
-            version: 0,
-          });
-        }}
-      />
-      {compareTo?.language && (
-        <VersionSelector
-          darkMode
-          readOnly={true}
-          versions={editContext.itemVersions}
-          itemDescriptor={editContext.currentItemDescriptor}
-          actualVersion={editContext.contentEditorItem?.version}
-          onVersionSelected={(version) => {
-            if (!editContext.contentEditorItem) return;
-            editContext.loadItem({
-              id: editContext.contentEditorItem.descriptor.id,
-              language: editContext.contentEditorItem.descriptor.language,
-              version,
-            });
-          }}
-        />
-      )}
-    </div>
-  );
-
-  const compareToSelector = (
-    <div className="flex flex-1 flex-shrink-0 items-center justify-center border-b bg-gray-100 p-1 text-sm text-gray-600">
-      <LanguageSelector
-        selectedLanguage={compareTo?.language}
-        showAllLanguagesSwitch={false}
-        darkMode
-        onLanguageSelected={(language) => {
-          if (!compareTo?.id) return;
-          updateCompareTo({
-            id: compareTo.id,
-            language: language.languageCode,
-            version: compareTo.version,
-          });
-        }}
-      />
-      {compareTo?.language && (
-        <VersionSelector
-          darkMode
-          readOnly={true}
-          versions={compareToVersions}
-          itemDescriptor={compareTo}
-          actualVersion={compareToItem?.version}
-          onVersionSelected={(version) => {
-            if (!compareTo?.id) return;
-            updateCompareTo({
-              id: compareTo.id,
-              language: compareTo.language,
-              version,
-            });
-          }}
-        />
-      )}
-    </div>
-  );
-
-  if (
-    (compareToItem && !compareToItem.hasLayout) ||
-    comparePageViewContext.device === ""
-  )
-    return (
-      <div className="flex h-full w-full flex-col items-stretch">
-        <div className="flex w-full">
-          {originalSelector}
-          {compareToSelector}
-        </div>
-        <div className="relative flex-1">
-          <div className="absolute h-full w-full">
-            <ItemEditor
-              pageViewContext={editContext.pageView}
-              compareToItem={compareToItem}
-            />
-          </div>
-        </div>
-      </div>
-    );
-
-  return (
-    <Allotment className="flex h-full w-full">
-      <Allotment.Pane>
-        <div className="flex h-full w-full flex-col items-stretch">
-          {originalSelector}
-          <SingleEditView
-            key="original"
-            name="original"
-            compareView={false}
-            pageViewContext={editContext.pageView}
-            itemDescriptor={editContext.contentEditorItem?.descriptor}
-          />
-        </div>
-      </Allotment.Pane>
-      <Allotment.Pane>
-        <div className="flex h-full w-full flex-col items-stretch">
-          {compareToSelector}
-          {compareTo?.language && (
-            <SingleEditView
-              key="compareTo"
-              name="compareTo"
-              compareView={true}
-              pageViewContext={comparePageViewContext}
-              itemDescriptor={compareTo}
-            />
-          )}
-          {!compareTo?.language && (
-            <div className="flex h-full w-full flex-col items-center justify-center">
-              <div className="text-gray-400">
-                Select a language and version to compare
-              </div>
-            </div>
-          )}
-        </div>
-      </Allotment.Pane>
-    </Allotment>
-  );
-}

package/src/editor/views/EditView.tsx

@@ -1,27 +0,0 @@
-import { useEditContext } from "../client/editContext";
-import { CompareView } from "./CompareView";
-import { SingleEditView } from "./SingleEditView";
-
-export function EditView() {
-  const editContext = useEditContext();
-  if (!editContext) return null;
-
-  if (!editContext.contentEditorItem?.descriptor)
-    return (
-      <div className="grid h-full w-full items-center justify-center">
-        <div className="text-sm text-gray-500">Not item selected</div>
-      </div>
-    );
-
-  if (editContext.compareMode) return <CompareView />;
-
-  return (
-    <SingleEditView
-      key="single"
-      name="single"
-      compareView={false}
-      pageViewContext={editContext.pageView}
-      itemDescriptor={editContext.contentEditorItem?.descriptor}
-    />
-  );
-}

package/src/editor/views/ItemEditor.tsx

@@ -1,58 +0,0 @@
-import { Button } from "primereact/button";
-import { EditorWarnings } from "../EditorWarnings";
-import { FieldList } from "../FieldList";
-import { ItemInfo } from "../ItemInfo";
-import { useEditContext } from "../client/editContext";
-import { PageViewContext } from "../page-viewer/pageViewContext";
-import { FullItem } from "../pageModel";
-
-export function ItemEditor({
-  item,
-  compareToItem,
-}: {
-  item?: FullItem;
-  compareToItem?: FullItem;
-  pageViewContext?: PageViewContext;
-}) {
-  const editContext = useEditContext();
-
-  if (!editContext) return;
-  if (!item) item = editContext.contentEditorItem;
-  if (!item) return;
-
-  const pageValidators =
-    editContext.validationResult?.find(
-      (x) =>
-        x.item.id === item?.id &&
-        x.item.language === item?.language &&
-        x.item.version === item?.version
-    )?.results || [];
-
-  return (
-    <div className="absolute inset-0 overflow-y-auto">
-      <EditorWarnings item={item} />
-      <ItemInfo item={item} />
-
-      {editContext.itemVersions.length > 0 && (
-        <FieldList
-          fields={[{ fields: Object.values(item.fields) }]}
-          validators={pageValidators.filter((x) => x.itemId === item.id)}
-          showStandardFieldsEnabled={true}
-          compareToFields={compareToItem?.fields}
-        />
-      )}
-
-      {editContext.itemVersions.length === 0 && (
-        <div className="flex justify-center p-4">
-          <Button
-            onClick={async () => {
-              await editContext.operations.createVersion(item.descriptor);
-            }}
-          >
-            Create First Version ({item.language})
-          </Button>
-        </div>
-      )}
-    </div>
-  );
-}

package/src/editor/views/SingleEditView.tsx

@@ -1,46 +0,0 @@
-import { useState } from "react";
-import { useEffect } from "react";
-import { useEditContext } from "../client/editContext";
-import { PageViewer } from "../page-viewer/PageViewer";
-import { PageViewContext } from "../page-viewer/pageViewContext";
-import { FullItem, ItemDescriptor } from "../pageModel";
-import { ItemEditor } from "./ItemEditor";
-
-export function SingleEditView({
-  pageViewContext,
-  itemDescriptor,
-  compareView,
-  name,
-}: {
-  pageViewContext: PageViewContext;
-  itemDescriptor?: ItemDescriptor;
-  compareView: boolean;
-  name: string;
-}) {
-  const editContext = useEditContext();
-  const [item, setItem] = useState<FullItem | undefined>(undefined);
-
-  useEffect(() => {
-    async function loadItem() {
-      if (!itemDescriptor) return;
-      const item = await editContext?.itemsRepository.getItem(itemDescriptor);
-      setItem(item);
-    }
-    loadItem();
-  }, [itemDescriptor]);
-
-  if ((item && !item.hasLayout) || pageViewContext.device === "")
-    return <ItemEditor item={item} />;
-
-  return (
-    <PageViewer
-      pageViewContext={pageViewContext}
-      showFormEditor={
-        editContext?.viewName == "page-editor" || !editContext?.isMobile
-      }
-      compareView={compareView}
-      name={name}
-      followEditsDefault={true}
-    />
-  );
-}

package/src/fonts/index.ts

@@ -1,10 +0,0 @@
-import { Inter } from "next/font/google";
-
-export const inter = Inter({
-  subsets: ["latin"],
-  variable: "--font-inter",
-});
-
-export const fonts = {
-  inter,
-};

package/src/index.ts

@@ -1,23 +0,0 @@
-export * from "./config/types";
-
-export * from "./types";
-
-export { Editor } from "./editor/Editor";
-
-export { configureForUser } from "./config/config";
-
-export type { DialogProps } from "./editor/client/editContext";
-
-export type {
-  LocalizeItemCommand,
-  LocalizeItemCommandContext,
-  LocalizeItemCommandData,
-} from "./editor/commands/itemCommands";
-
-export { requestTranslation } from "./editor/services/translationService";
-
-export { defaultTranslateAll } from "./editor/commands/localizeItem/LocalizeItemUtils";
-
-export * from "./fonts";
-
-export { Card } from "./components/ui/card";

package/src/lib/safelist.tsx

@@ -1,16 +0,0 @@
-export function Safelist() {
-  return (
-    <>
-      <div className="bg-orange-400"></div>
-      <div className="bg-purple-400"></div>
-      <div className="bg-sky-400"></div>
-      <div className="bg-red-400"></div>
-      <div className="bg-teal-400"></div>
-      <div className="border-orange-400"></div>
-      <div className="border-purple-400"></div>
-      <div className="border-sky-400"></div>
-      <div className="border-red-400"></div>
-      <div className="border-teal-400"></div>
-    </>
-  );
-}

package/src/lib/utils.ts

@@ -1,6 +0,0 @@
-import { clsx, type ClassValue } from "clsx";
-import { twMerge } from "tailwind-merge";
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}

package/src/page-wizard/PageWizard.tsx

@@ -1,139 +0,0 @@
-import { useEditContext } from "../editor/client/editContext";
-
-import { WizardSteps } from "./WizardSteps";
-import { Thumbnail } from "../editor/media-selector/Thumbnails";
-
-export type Wizard = {
-  id: string;
-  name: string;
-  description: string;
-  steps: WizardStep[];
-  icon: string;
-  schema: PageSchema;
-  templateId: string;
-};
-
-export type PageSchema = SchemaPlaceholder[];
-
-export type SchemaComponent = {
-  type: string;
-  typeId: string;
-  fields: SchemaField[];
-  placeholders: SchemaPlaceholder[];
-};
-
-export type SchemaPlaceholder = {
-  name: string;
-  components: SchemaComponent[];
-};
-
-export type SchemaField = {
-  id: string;
-  name: string;
-  type: string;
-};
-
-export type WizardSchemaComponent = {
-  type: string;
-  fields: WizardSchemaField[];
-  availableParentPlaceholders?: string[];
-  allowedChildrenComponentTypes: string[];
-  allowedOnRoot: boolean;
-};
-
-export type WizardSchemaField = {
-  name: string;
-  type: string;
-};
-
-export type WizardStep = {
-  id: string;
-  name: string;
-  type: string;
-  fields: { [key: string]: string };
-  children?: WizardStep[];
-};
-
-export type WizardData = {
-  [key: string]: any;
-};
-
-export type WizardPageModel = {
-  components: WizardPageComponent[];
-  name: string;
-  metaDescription: string;
-  metaKeywords: string;
-  message?: string;
-  images?: Thumbnail[];
-};
-
-export type WizardPageComponent = {
-  id: string;
-  name: string;
-  type: string;
-  fields: WizardField[];
-  children?: WizardPageComponent[];
-  description: string;
-  placeholder?: string;
-};
-
-export type WizardField = {
-  name: string;
-  value: string;
-  type: string;
-  writtenValue?: string;
-};
-
-export function PageWizard() {
-  const editContext = useEditContext();
-  // const [wizard, setWizard] = useState<Wizard | null>(null);
-  // const [parentItem, setParentItem] = useState<ItemDescriptor>();
-
-  const { wizard, parentItem } = editContext?.pageWizard || {};
-  // const searchParams = useSearchParams();
-
-  // // Load all wizards and check URL param on mount
-  // useEffect(() => {
-  //   if (!editContext?.currentItemDescriptor) return;
-  //   getWizards(editContext?.currentItemDescriptor).then((availableWizards) => {
-  //     // Check for wizard ID in URL
-  //     const params = new URLSearchParams(window.location.search);
-  //     const wizardName = params.get("wizard");
-
-  //     if (wizardName) {
-  //       // Find wizard by ID from the loaded wizards
-  //       const foundWizard = availableWizards.find((w) => w.name === wizardName);
-  //       if (foundWizard) {
-  //         setWizard(foundWizard);
-  //         setParentItem(editContext.currentItemDescriptor);
-  //       }
-  //     }
-  //   });
-  // }, [searchParams]);
-
-  // const handleSelect = (selectedWizard: Wizard) => {
-  //   setWizard(selectedWizard);
-  //   // Update URL with wizard ID
-  //   const url = new URL(window.location.href);
-  //   url.searchParams.set("wizard", selectedWizard.name);
-  //   window.history.pushState({}, "", url);
-  // };
-
-  // const handleCancel = () => {
-  //   editContext?.pageWizard.setWizard(undefined);
-  //   // Remove wizard from URL
-  //   const url = new URL(window.location.href);
-  //   url.searchParams.delete("wizard");
-  //   window.history.pushState({}, "", url);
-  //   editContext?.switchView("content-editor");
-  // };
-
-  if (!editContext?.currentItemDescriptor) return null;
-
-  if (!parentItem || !wizard) {
-    editContext.switchView("content-editor", { skipConfirmation: true });
-    return null;
-  }
-
-  return <WizardSteps wizard={wizard} parentItem={parentItem} />;
-}

package/src/page-wizard/WizardBox.tsx

@@ -1,4 +0,0 @@
-import { Card } from "../components/ui/card";
-
-// Re-export Card as WizardBox for backward compatibility
-export const WizardBox = Card;

package/src/page-wizard/WizardBoxConnector.tsx

@@ -1,56 +0,0 @@
-import { cn } from "../lib/utils";
-
-export function WizardBoxConnector({
-  className,
-  direction,
-}: {
-  className?: string;
-  direction?: "horizontal" | "vertical";
-}) {
-  return (
-    <>
-      <div
-        className={cn(
-          "mt-[-3px] mb-[-3px] flex items-center justify-center",
-          className,
-          (!direction || direction === "horizontal") && "md:hidden",
-        )}
-      >
-        <svg
-          width="40"
-          height="31"
-          viewBox="0 0 40 31"
-          fill="none"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M40 3.04199C33.8405 3.55018 29 8.70936 29 15C29 21.2906 33.8405 26.4498 40 26.958L40 31L-1.35505e-06 31L-1.18021e-06 27C6.62741 27 12 21.6274 12 15C12 8.37258 6.62741 3 -1.31134e-07 3L0 -1.74846e-06L40 0L40 3.04199Z"
-            fill="white"
-          />
-        </svg>
-      </div>
-
-      <div
-        className={cn(
-          "mt-6 mr-[-3px] ml-[-3px] hidden",
-          className,
-          (!direction || direction === "horizontal") && "md:block",
-        )}
-      >
-        <svg
-          className={className}
-          width="31"
-          height="40"
-          viewBox="0 0 31 40"
-          fill="none"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M3.04199 0C3.55018 6.15949 8.70936 11 15 11C21.2906 11 26.4498 6.1595 26.958 0H31V40H27C27 33.3726 21.6274 28 15 28C8.37258 28 3 33.3726 3 40H0V0H3.04199Z"
-            fill="white"
-          />
-        </svg>
-      </div>
-    </>
-  );
-}