@valbuild/react 0.16.0 → 0.18.0

package/src/ValApi.ts

@@ -1,65 +0,0 @@
-import { SerializedModule } from "@valbuild/core";
-import { PatchJSON } from "@valbuild/core/patch";
-
-export class ValApi {
-  constructor(readonly host: string) {}
-
-  async getModule(sourcePath: string): Promise<SerializedModule> {
-    const res = await fetch(`${this.host}/ids${sourcePath}`);
-    if (res.ok) {
-      const serializedVal = await res.json(); // TODO: validate
-      return serializedVal;
-    } else {
-      throw Error(
-        `Failed to get content of module "${sourcePath}". Status: ${
-          res.status
-        }. Error: ${await res.text()}`
-      );
-    }
-  }
-
-  async patchModuleContent(
-    moduleId: string,
-    patch: PatchJSON
-  ): Promise<SerializedModule> {
-    const res = await fetch(`${this.host}/ids${moduleId}`, {
-      method: "PATCH",
-      headers: {
-        "Content-Type": "application/json-patch+json",
-      },
-      body: JSON.stringify(patch),
-    });
-    if (res.ok) {
-      return res.json(); // TODO: validate
-    } else {
-      throw Error(
-        `Failed to patch content of module "${moduleId}". Error: ${await res.text()}`
-      );
-    }
-  }
-
-  async commit(): Promise<void> {
-    const res = await fetch(`${this.host}/commit`, {
-      method: "POST",
-    });
-    if (res.ok) {
-      return;
-    } else {
-      throw Error(`Failed to commit. Error: ${await res.text()}`);
-    }
-  }
-
-  getSession() {
-    return fetch(`${this.host}/session`);
-  }
-
-  loginUrl() {
-    return `${this.host}/authorize?redirect_to=${encodeURIComponent(
-      location.href
-    )}`;
-  }
-
-  logout() {
-    return fetch(`${this.host}/logout`);
-  }
-}

package/src/hooks/useVal.test.tsx

@@ -1,57 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import { useVal } from "./useVal";
-import { initVal, Val } from "@valbuild/core";
-import { renderHook } from "@testing-library/react";
-import { ValContext } from "../ValProvider";
-import { ReactElement } from "react";
-import { ValStore } from "../ValStore";
-import { ValApi } from "../ValApi";
-
-const valApi = new ValApi("mock");
-const valStore = new ValStore(valApi);
-
-const Providers = ({ children }: { children: ReactElement }) => (
-  <ValContext.Provider
-    value={{
-      valStore,
-      valApi,
-    }}
-  >
-    {children}
-  </ValContext.Provider>
-);
-
-// const { s, val } = initVal();
-
-describe("useVal", () => {
-  test.skip("extracts ValString from string", () => {
-    // const mod = val.content("foo", s.string(), "bar");
-    // const { result } = renderHook(() => useVal(mod, "en_US"), {
-    //   wrapper: Providers,
-    // });
-    // expect(result.current).toStrictEqual<Val<string>>({
-    //   val: "bar",
-    //   valSrc: "foo?en_US?",
-    // });
-  });
-
-  test.skip("extracts ValString from ValObject", () => {
-    // const mod = val.content("baz", s.object({ foo: s.string() }), {
-    //   foo: "bar",
-    // });
-    // const { result } = renderHook(() => useVal(mod, "en_US"), {
-    //   wrapper: Providers,
-    // });
-    // const vo: Val<{ foo: string }> = result.current;
-    // expect(vo.foo).toStrictEqual<Val<string>>({
-    //   valSrc: `baz?en_US?."foo"`,
-    //   val: "bar",
-    // });
-    // expect(val).toStrictEqual<ValObject<{ foo: string }>>({
-    //   foo: {
-    //     id: "baz.foo",
-    //     val: "bar",
-    //   },
-    // });
-  });
-});

package/src/hooks/useVal.ts

@@ -1,35 +0,0 @@
-import {
-  SelectorSource,
-  SelectorOf,
-  GenericSelector,
-  Val,
-  Internal,
-} from "@valbuild/core";
-import { JsonOfSource } from "@valbuild/core/src/val";
-
-export function useVal<T extends SelectorSource>(
-  selector: T,
-  locale?: string
-): SelectorOf<T> extends GenericSelector<infer S>
-  ? Val<JsonOfSource<S>>
-  : never {
-  // const mod = selectable.getModule();
-  // const valStore = useValStore();
-  // const remoteContent = useSyncExternalStore(
-  //   valStore.subscribe(mod.id),
-  //   valStore.getSnapshot(mod.id),
-  //   valStore.getServerSnapshot(mod.id)
-  // );
-  // if (remoteContent) {
-  //   return selectable.getVal(remoteContent.source as S, locale);
-  // }
-  // const content = mod.content;
-  // const validationError = content.validate();
-  // if (validationError) {
-  //   throw new Error(
-  //     `Invalid source value. Errors:\n${validationError.join("\n")}`
-  //   );
-  // }
-
-  return Internal.getVal(selector, locale);
-}

package/src/stega/fetchVal.ts

@@ -1,16 +0,0 @@
-import { SelectorSource, SelectorOf, GenericSelector } from "@valbuild/core";
-import { stegaEncodeVal, StegaOfSource } from "./stegaEncode";
-import { Internal } from "@valbuild/core";
-
-export function fetchVal<T extends SelectorSource>(
-  selector: T,
-  locale?: string
-): SelectorOf<T> extends GenericSelector<infer S>
-  ? Promise<StegaOfSource<S>>
-  : never {
-  return Internal.fetchVal(selector, locale).then((val) =>
-    stegaEncodeVal(val)
-  ) as SelectorOf<T> extends GenericSelector<infer S>
-    ? Promise<StegaOfSource<S>>
-    : never;
-}

package/src/stega/hooks/useVal.ts

@@ -1,14 +0,0 @@
-import { GenericSelector, SelectorOf, SelectorSource } from "@valbuild/core";
-import { useVal as useReactVal } from "@valbuild/react";
-import { stegaEncodeVal, StegaOfSource } from "../stegaEncode";
-
-export function useVal<T extends SelectorSource>(
-  selector: T,
-  locale?: string
-): SelectorOf<T> extends GenericSelector<infer S> ? StegaOfSource<S> : never {
-  return stegaEncodeVal(
-    useReactVal(selector, locale)
-  ) as SelectorOf<T> extends GenericSelector<infer S>
-    ? StegaOfSource<S>
-    : never;
-}

package/src/stega/stegaEncode.ts

@@ -1,84 +0,0 @@
-import { Json, Val, Internal, RichTextSource, RichText } from "@valbuild/core";
-import { vercelStegaCombine } from "@vercel/stega";
-import { FileSource, RemoteSource, Source, SourceObject } from "@valbuild/core";
-import { JsonPrimitive } from "@valbuild/core";
-import { SourceArray } from "@valbuild/core";
-import { I18nSource } from "@valbuild/core";
-
-declare const brand: unique symbol;
-
-/**
- * ValEncodedString is a string that is encoded using steganography.
- *
- * This means that there is a hidden / non-visible object embedded in the string.
- * This object includes a path, which is used to automatically tag
- * where the content comes from for contextual editing.
- *
- */
-export type ValEncodedString = string & {
-  [brand]: "ValEncodedString";
-};
-
-export type StegaOfSource<T extends Source> = Json extends T
-  ? Json
-  : T extends I18nSource<readonly string[], infer U>
-  ? StegaOfSource<U>
-  : T extends RemoteSource<infer U>
-  ? StegaOfSource<U>
-  : T extends RichTextSource
-  ? RichText
-  : T extends FileSource
-  ? { url: ValEncodedString }
-  : T extends SourceObject
-  ? {
-      [key in keyof T]: StegaOfSource<T[key]>;
-    }
-  : T extends SourceArray
-  ? StegaOfSource<T[number]>[]
-  : T extends string
-  ? ValEncodedString
-  : T extends JsonPrimitive
-  ? T
-  : never;
-
-export function stegaEncodeVal<T extends Json>(val: Val<T>): T {
-  if (typeof val.val === "object") {
-    if (Array.isArray(val)) {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      return val.map(stegaEncodeVal) as any;
-    }
-
-    if (
-      typeof val.val === "object" &&
-      val.val &&
-      "_type" in val.val &&
-      val.val["_type"] === "richtext"
-    ) {
-      return {
-        ...val.val,
-        valPath: Internal.getValPath(val),
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      } as any;
-    }
-
-    return Object.fromEntries(
-      Object.entries(val).map(([key, value]) => [key, stegaEncodeVal(value)])
-    ) as T;
-  }
-  if (typeof val.val === "string") {
-    return vercelStegaCombine(
-      val.val,
-      {
-        origin: "val.build",
-        data: { valPath: Internal.getValPath(val) },
-      },
-      isDate(val.val) // skip = true if isDate
-    ) as T;
-  }
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  return val.val as any;
-}
-
-function isDate(s: string) {
-  return Boolean(Date.parse(s));
-}