@canva/cli 1.10.0 → 1.11.0

package/templates/common/utils/use_selection_hook.ts

@@ -1,37 +0,0 @@
-import { selection as designSelection } from "@canva/design";
-import type { SelectionEvent, SelectionScope } from "@canva/design";
-import { useEffect, useState } from "react";
-
-/**
- * Returns a selection event, representing a user selection of the specified content type. The
- * event contains methods to read a snapshot of the selected content, and optionally mutate it.
- * This is a reactive value. Calling this multiple times will return different instances
- * representing the same selection.
- * @param scope The type of content to listen for selection changes on
- */
-export function useSelection<S extends SelectionScope>(
-  scope: S,
-): SelectionEvent<S> {
-  const [selection, setSelection] = useState<SelectionEvent<S>>({
-    scope,
-    count: 0,
-    read() {
-      return Promise.resolve({
-        contents: Object.freeze([]),
-        save() {
-          return Promise.resolve();
-        },
-      });
-    },
-  });
-
-  useEffect(() => {
-    const disposer = designSelection.registerOnChange({
-      scope,
-      onChange: setSelection,
-    });
-    return disposer;
-  }, [scope]);
-
-  return selection;
-}

package/templates/hello_world/utils/use_add_element.ts

@@ -1,58 +0,0 @@
-import type {
-  EmbedElement,
-  ImageElement,
-  RichtextElement,
-  TableElement,
-  TextElement,
-  VideoElement,
-} from "@canva/design";
-import { addElementAtCursor, addElementAtPoint } from "@canva/design";
-import { features } from "@canva/platform";
-import { useEffect, useState } from "react";
-import { useFeatureSupport } from "./use_feature_support";
-
-type AddElementParams =
-  | ImageElement
-  | VideoElement
-  | EmbedElement
-  | TextElement
-  | RichtextElement
-  | TableElement;
-
-export const useAddElement = () => {
-  const isSupported = useFeatureSupport();
-
-  // Store a wrapped addElement function that checks feature support
-  const [addElement, setAddElement] = useState(() => {
-    return (element: AddElementParams) => {
-      if (features.isSupported(addElementAtPoint)) {
-        return addElementAtPoint(element);
-      } else if (features.isSupported(addElementAtCursor)) {
-        return addElementAtCursor(element);
-      }
-      // eslint-disable-next-line no-console
-      console.warn(
-        "Neither addElementAtPoint nor addElementAtCursor are supported",
-      );
-      return Promise.resolve();
-    };
-  });
-
-  useEffect(() => {
-    const addElement = (element: AddElementParams) => {
-      if (isSupported(addElementAtPoint)) {
-        return addElementAtPoint(element);
-      } else if (isSupported(addElementAtCursor)) {
-        return addElementAtCursor(element);
-      }
-      // eslint-disable-next-line no-console
-      console.warn(
-        "Neither addElementAtPoint nor addElementAtCursor are supported",
-      );
-      return Promise.resolve();
-    };
-    setAddElement(() => addElement);
-  }, [isSupported]);
-
-  return addElement;
-};

package/templates/hello_world/utils/use_feature_support.ts

@@ -1,28 +0,0 @@
-import { features } from "@canva/platform";
-import type { Feature } from "@canva/platform";
-import { useEffect, useState } from "react";
-
-/**
- * This hook allows re-rendering of a React component whenever
- * the state of feature support changes in Canva.
- *
- * @returns isSupported - callback to inspect a Canva SDK method.
- **/
-export function useFeatureSupport() {
-  // Store a wrapped function that checks feature support
-  const [isSupported, setIsSupported] = useState(() => {
-    return (...args: Feature[]) => features.isSupported(...args);
-  });
-
-  useEffect(() => {
-    // create new function ref when feature support changes to trigger
-    // re-render
-    return features.registerOnSupportChange(() => {
-      setIsSupported(() => {
-        return (...args: Feature[]) => features.isSupported(...args);
-      });
-    });
-  }, []);
-
-  return isSupported;
-}