@animaapp/anima-sdk-react 0.3.1 → 0.3.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@animaapp/anima-sdk-react",
-  "version": "0.3.1",
+  "version": "0.3.4",
   "type": "module",
   "description": "Anima's JavaScript utilities library",
   "author": "Anima App, Inc.",

package/.storybook/main.ts

@@ -1,25 +0,0 @@
-import { join, dirname } from "path";
-
-/**
- * This function is used to resolve the absolute path of a package.
- * It is needed in projects that use Yarn PnP or are set up within a monorepo.
- */
-function getAbsolutePath(value) {
-  return dirname(require.resolve(join(value, "package.json")));
-}
-
-/** @type { import('@storybook/react-vite').StorybookConfig } */
-const config = {
-  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
-  addons: [
-    getAbsolutePath("@storybook/addon-essentials"),
-    getAbsolutePath("@storybook/addon-onboarding"),
-    getAbsolutePath("@chromatic-com/storybook"),
-    getAbsolutePath("@storybook/addon-interactions"),
-  ],
-  framework: {
-    name: getAbsolutePath("@storybook/react-vite"),
-    options: {},
-  },
-};
-export default config;

package/.storybook/preview.ts

@@ -1,13 +0,0 @@
-/** @type { import('@storybook/react').Preview } */
-const preview = {
-  parameters: {
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-  },
-};
-
-export default preview;

package/.turbo/turbo-build.log

@@ -1,13 +0,0 @@
-
-vite v6.0.11 building for production...
-transforming (1) src/index.tstransforming (13) ../node_modules/swr/dist/_internal/constants.mjs../node_modules/swr/dist/_internal/config-context-client-Cm1JTDEP.mjs (1:0): Module level directives cause errors when bundled, "use client" in "../node_modules/swr/dist/_internal/config-context-client-Cm1JTDEP.mjs" was ignored.
-✓ 25 modules transformed.
-rendering chunks (1)...
-[vite:dts] Start generate declaration files...
-computing gzip size (0)...computing gzip size (1)...dist/index.cjs  113.03 kB │ gzip: 32.99 kB │ map: 416.13 kB
-[vite:dts] Start rollup declaration files...
-Analysis will use the bundled TypeScript version 5.7.2
-[vite:dts] Declaration files built in 2349ms.
-
-rendering chunks (1)...computing gzip size (1)...dist/index.js  167.32 kB │ gzip: 41.60 kB │ map: 433.44 kB
-✓ built in 2.82s

package/.turbo/turbo-dev.log

@@ -1,48 +0,0 @@
-
-Debugger listening on ws://127.0.0.1:55824/e986c11e-da68-43dc-b346-1128e146a7cf
-For help, see: https://nodejs.org/en/docs/inspector
-Debugger attached.
-Debugger listening on ws://127.0.0.1:55837/86d83af6-408f-454a-bb79-047072081990
-For help, see: https://nodejs.org/en/docs/inspector
-Debugger attached.
-@storybook/core v8.6.6
-
-info => Starting manager..
-WARN No story files found for the specified pattern: src/**/*.mdx
-info => Starting preview..
-info Using tsconfig paths for react-docgen
-╭──────────────────────────────────────────────────────────────────────────────────────────╮
-│                                                                                          │
-│   Storybook 8.6.6 for react-vite started                                                 │
-│   195 ms for manager and 1.39 s for preview                                              │
-│                                                                                          │
-│    Local:            http://localhost:6006/                                              │
-│    On your network:  http://10.16.22.162:6006/                                           │
-│                                                                                          │
-│   A new version (8.6.7) is available!                                                    │
-│                                                                                          │
-│   Upgrade now: npx storybook@latest upgrade                                              │
-│                                                                                          │
-│   Read full changelog: https://github.com/storybookjs/storybook/blob/main/CHANGELOG.md   │
-│                                                                                          │
-╰──────────────────────────────────────────────────────────────────────────────────────────╯
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-7:24:47 PM [vite] (client) page reload src/stories/useAnimaCodegen.stories.tsx
-Waiting for the debugger to disconnect...

package/.turbo/turbo-test.log

@@ -1,161 +0,0 @@
-
-Determining test suites to run...
-
-
- RUNS   browser: chromium  src/stories/useAnimaCodegen.stories.tsx
-
- RUNS   browser: chromium  src/stories/useAnimaCodegen.stories.tsx
-
- RUNS   browser: chromium  src/stories/useAnimaCodegen.stories.tsx
-
- RUNS   browser: chromium  src/stories/useAnimaCodegen.stories.tsx
-
- RUNS   browser: chromium  src/stories/useAnimaCodegen.stories.tsx
-
-
- RUNS   browser: chromium  src/stories/useAnimaCodegen.stories.tsx
-
-
- RUNS   browser: chromium  src/stories/useAnimaCodegen.stories.tsx
-
-
- RUNS   browser: chromium  src/stories/useAnimaCodegen.stories.tsx
-
-
- RUNS   browser: chromium  src/stories/useAnimaCodegen.stories.tsx
-
-
- RUNS   browser: chromium  src/stories/useAnimaCodegen.stories.tsx
-
-
- RUNS   browser: chromium  src/stories/useAnimaCodegen.stories.tsx
-
-
- RUNS   browser: chromium  src/stories/useAnimaCodegen.stories.tsx
-
-
- RUNS   browser: chromium  src/stories/useAnimaCodegen.stories.tsx
-
-
- RUNS   browser: chromium  src/stories/useAnimaCodegen.stories.tsx
-
-
- RUNS   browser: chromium  src/stories/useAnimaCodegen.stories.tsx
-
-
- RUNS   browser: chromium  src/stories/useAnimaCodegen.stories.tsx
-
-
-    page.evaluate: StorybookTestRunnerError: 
-    An error occurred in the following story. Access the link for full output:
-    http://127.0.0.1:6006/?path=/story/hooks-useanimacodegen--success&addonPanel=storybook/interactions/panel
-
-    Message:
-     expected null to match object { sessionId: Anything, …(4) }
-
-    
-
-      at sdk-react/src/stories/useAnimaCodegen.stories.tsx:217:58
-      at step (sdk-react/src/stories/useAnimaCodegen.stories.tsx:161:23)
-      at Object.next (sdk-react/src/stories/useAnimaCodegen.stories.tsx:102:20)
-      at asyncGeneratorStep (sdk-react/src/stories/useAnimaCodegen.stories.tsx:4:28)
-      at _next (sdk-react/src/stories/useAnimaCodegen.stories.tsx:22:17)
-      at sdk-react/src/stories/useAnimaCodegen.stories.tsx:27:13
-      at sdk-react/src/stories/useAnimaCodegen.stories.tsx:19:16
-      at testFn (sdk-react/src/stories/useAnimaCodegen.stories.tsx:302:49)
-      at Object.<anonymous> (sdk-react/src/stories/useAnimaCodegen.stories.tsx:315:33)
-      at step (sdk-react/src/stories/useAnimaCodegen.stories.tsx:161:23)
-      at Object.next (sdk-react/src/stories/useAnimaCodegen.stories.tsx:102:20)
-      at asyncGeneratorStep (sdk-react/src/stories/useAnimaCodegen.stories.tsx:4:28)
-      at _next (sdk-react/src/stories/useAnimaCodegen.stories.tsx:22:17)
-      at sdk-react/src/stories/useAnimaCodegen.stories.tsx:27:13
-      at Object.<anonymous> (sdk-react/src/stories/useAnimaCodegen.stories.tsx:19:16)
-
-  ● Hooks/useAnimaCodegen › InvalidBody › play-test
-
-    page.evaluate: StorybookTestRunnerError: 
-    An error occurred in the following story. Access the link for full output:
-    http://127.0.0.1:6006/?path=/story/hooks-useanimacodegen--invalid-body&addonPanel=storybook/interactions/panel
-
-    Message:
-     expected { name: 'TypeError', …(1) } to match object { …(4) }
-
-    
-
-      at sdk-react/src/stories/useAnimaCodegen.stories.tsx:404:58
-      at step (sdk-react/src/stories/useAnimaCodegen.stories.tsx:161:23)
-      at Object.next (sdk-react/src/stories/useAnimaCodegen.stories.tsx:102:20)
-      at asyncGeneratorStep (sdk-react/src/stories/useAnimaCodegen.stories.tsx:4:28)
-      at _next (sdk-react/src/stories/useAnimaCodegen.stories.tsx:22:17)
-      at sdk-react/src/stories/useAnimaCodegen.stories.tsx:27:13
-      at sdk-react/src/stories/useAnimaCodegen.stories.tsx:19:16
-      at testFn (sdk-react/src/stories/useAnimaCodegen.stories.tsx:489:49)
-      at Object.<anonymous> (sdk-react/src/stories/useAnimaCodegen.stories.tsx:502:33)
-      at step (sdk-react/src/stories/useAnimaCodegen.stories.tsx:161:23)
-      at Object.next (sdk-react/src/stories/useAnimaCodegen.stories.tsx:102:20)
-      at asyncGeneratorStep (sdk-react/src/stories/useAnimaCodegen.stories.tsx:4:28)
-      at _next (sdk-react/src/stories/useAnimaCodegen.stories.tsx:22:17)
-      at sdk-react/src/stories/useAnimaCodegen.stories.tsx:27:13
-      at Object.<anonymous> (sdk-react/src/stories/useAnimaCodegen.stories.tsx:19:16)
-
-  ● Hooks/useAnimaCodegen › NotFoundFile › play-test
-
-    page.evaluate: StorybookTestRunnerError: 
-    An error occurred in the following story. Access the link for full output:
-    http://127.0.0.1:6006/?path=/story/hooks-useanimacodegen--not-found-file&addonPanel=storybook/interactions/panel
-
-    Message:
-     expected { name: 'TypeError', …(1) } to match object { name: 'Task Crashed', …(1) }
-
-    
-
-      at sdk-react/src/stories/useAnimaCodegen.stories.tsx:591:58
-      at step (sdk-react/src/stories/useAnimaCodegen.stories.tsx:161:23)
-      at Object.next (sdk-react/src/stories/useAnimaCodegen.stories.tsx:102:20)
-      at asyncGeneratorStep (sdk-react/src/stories/useAnimaCodegen.stories.tsx:4:28)
-      at _next (sdk-react/src/stories/useAnimaCodegen.stories.tsx:22:17)
-      at sdk-react/src/stories/useAnimaCodegen.stories.tsx:27:13
-      at sdk-react/src/stories/useAnimaCodegen.stories.tsx:19:16
-      at testFn (sdk-react/src/stories/useAnimaCodegen.stories.tsx:676:49)
-      at Object.<anonymous> (sdk-react/src/stories/useAnimaCodegen.stories.tsx:689:33)
-      at step (sdk-react/src/stories/useAnimaCodegen.stories.tsx:161:23)
-      at Object.next (sdk-react/src/stories/useAnimaCodegen.stories.tsx:102:20)
-      at asyncGeneratorStep (sdk-react/src/stories/useAnimaCodegen.stories.tsx:4:28)
-      at _next (sdk-react/src/stories/useAnimaCodegen.stories.tsx:22:17)
-      at sdk-react/src/stories/useAnimaCodegen.stories.tsx:27:13
-      at Object.<anonymous> (sdk-react/src/stories/useAnimaCodegen.stories.tsx:19:16)
-
-  ● Hooks/useAnimaCodegen › InvalidSelectedNode › play-test
-
-    page.evaluate: StorybookTestRunnerError: 
-    An error occurred in the following story. Access the link for full output:
-    http://127.0.0.1:6006/?path=/story/hooks-useanimacodegen--invalid-selected-node&addonPanel=storybook/interactions/panel
-
-    Message:
-     expected { name: 'TypeError', …(1) } to match object { name: 'Task Crashed', …(1) }
-
-    
-
-      at sdk-react/src/stories/useAnimaCodegen.stories.tsx:778:58
-      at step (sdk-react/src/stories/useAnimaCodegen.stories.tsx:161:23)
-      at Object.next (sdk-react/src/stories/useAnimaCodegen.stories.tsx:102:20)
-      at asyncGeneratorStep (sdk-react/src/stories/useAnimaCodegen.stories.tsx:4:28)
-      at _next (sdk-react/src/stories/useAnimaCodegen.stories.tsx:22:17)
-      at sdk-react/src/stories/useAnimaCodegen.stories.tsx:27:13
-      at sdk-react/src/stories/useAnimaCodegen.stories.tsx:19:16
-      at testFn (sdk-react/src/stories/useAnimaCodegen.stories.tsx:863:49)
-      at Object.<anonymous> (sdk-react/src/stories/useAnimaCodegen.stories.tsx:876:33)
-      at step (sdk-react/src/stories/useAnimaCodegen.stories.tsx:161:23)
-      at Object.next (sdk-react/src/stories/useAnimaCodegen.stories.tsx:102:20)
-      at asyncGeneratorStep (sdk-react/src/stories/useAnimaCodegen.stories.tsx:4:28)
-      at _next (sdk-react/src/stories/useAnimaCodegen.stories.tsx:22:17)
-      at sdk-react/src/stories/useAnimaCodegen.stories.tsx:27:13
-      at Object.<anonymous> (sdk-react/src/stories/useAnimaCodegen.stories.tsx:19:16)
-
-
- RUNS   browser: chromium  src/stories/useAnimaCodegen.stories.tsx
-
-Tests:       4 failed, 4 total
-Snapshots:   0 total
-Time:        1.07 s
-Ran all test suites.

package/src/index.ts

@@ -1,2 +0,0 @@
-export * from "./useAnimaCodegen";
-export * from "./useFigmaFile";

package/src/stories/useAnimaCodegen.stories.tsx

@@ -1,222 +0,0 @@
-import { useState } from "react";
-import { expect, userEvent, waitFor, within } from "@storybook/test";
-import { AnimaSDKResult, CodegenError } from "@animaapp/anima-sdk";
-import type { Meta, StoryObj } from "@storybook/react";
-import { useAnimaCodegen, UseAnimaParams } from "..";
-
-type Props = {
-  payload: UseAnimaParams;
-};
-
-const DummyComponent = ({ payload }: Props) => {
-  const [result, setResult] = useState<AnimaSDKResult | null>(null);
-  const [error, setError] = useState<CodegenError | null>(null);
-
-  const animaCodegen = useAnimaCodegen({
-    url: "http://localhost:3000",
-  });
-
-  const handleClick = async () => {
-    const { result, error } = await animaCodegen.getCode(payload);
-
-    setResult(result);
-    setError(error);
-  };
-
-  return (
-    <div>
-      <button data-testid="run-button" onClick={handleClick}>
-        Run request
-      </button>
-
-      {result && (
-        <div>
-          <h3>Success result</h3>
-
-          <pre data-testid="request-result" data-status="success">
-            {JSON.stringify(result, null, 2)}
-          </pre>
-        </div>
-      )}
-
-      {error && (
-        <div>
-          <h3>Error result</h3>
-
-          <pre data-testid="request-result" data-status="error">
-            {JSON.stringify(
-              {
-                name: error.name,
-                message: error.message,
-                status: error.status,
-                detail: error.detail,
-              },
-              null,
-              2
-            )}
-          </pre>
-        </div>
-      )}
-    </div>
-  );
-};
-
-const meta = {
-  title: "Hooks/useAnimaCodegen",
-  component: DummyComponent,
-} satisfies Meta<typeof DummyComponent>;
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-const run = async ({ canvasElement }: { canvasElement: HTMLElement }) => {
-  const result: { result: AnimaSDKResult | null; error: CodegenError | null } =
-    { result: null, error: null };
-
-  const canvas = within(canvasElement);
-
-  const runButton = canvas.getByTestId("run-button");
-  await userEvent.click(runButton);
-
-  const requestResult = await waitFor(
-    () => canvas.findByTestId("request-result"),
-    { timeout: 10_000 }
-  );
-
-  if (!requestResult.textContent) {
-    return result;
-  }
-
-  const resultStatus = requestResult.dataset.status;
-
-  if (resultStatus === "success") {
-    result.result = JSON.parse(requestResult.textContent);
-  } else {
-    result.error = JSON.parse(requestResult.textContent);
-  }
-
-  return result;
-};
-
-export const Success: Story = {
-  play: async (context) => {
-    const { result } = await run(context);
-
-    expect(result).toMatchObject({
-      sessionId: expect.anything(),
-      figmaFileName: "Anima SDK - Test File",
-      figmaSelectedFrameName: "MyFrame",
-      files: expect.anything(),
-      tokenUsage: expect.anything(),
-    });
-  },
-
-  args: {
-    payload: {
-      fileKey: "5d0u9PmD4GtB5fdX57pTtK",
-      nodesId: ["1:2"],
-      settings: {
-        framework: "react",
-        styling: "plain_css",
-      },
-    },
-  },
-};
-
-export const InvalidBody: Story = {
-  play: async (context) => {
-    const { error } = await run(context);
-
-    expect(error).toMatchObject({
-      name: "HTTP error from Anima API",
-      message: "Invalid body payload",
-      status: 400,
-      detail: [
-        {
-          code: "invalid_type",
-          expected: "string",
-          received: "null",
-          path: ["fileKey"],
-          message: "Expected string, received null",
-        },
-      ],
-    });
-  },
-
-  args: {
-    payload: {
-      // @ts-expect-error: Testing invalid body payload
-      fileKey: null,
-      nodesId: ["1:2"],
-      settings: {
-        framework: "react",
-        styling: "plain_css",
-      },
-    },
-  },
-};
-
-export const NotFoundFile: Story = {
-  play: async (context) => {
-    const { error } = await run(context);
-
-    expect(error).toMatchObject({
-      name: "Task Crashed",
-      message: "Figma file not found",
-    });
-  },
-
-  args: {
-    payload: {
-      fileKey: "invalid-file-key",
-      nodesId: ["1:2"],
-      settings: {
-        framework: "react",
-        styling: "plain_css",
-      },
-    },
-  },
-};
-
-export const NotSupportedNode: Story = {
-  play: async (context) => {
-    const { error } = await run(context);
-
-    expect(error).toMatchObject({
-      name: "Task Crashed",
-      message: "Selected node type is not supported",
-    });
-  },
-
-  args: {
-    payload: {
-      fileKey: "5d0u9PmD4GtB5fdX57pTtK",
-      nodesId: ["14:5"],
-      settings: {
-        framework: "react",
-        styling: "plain_css",
-      },
-    },
-  },
-};
-
-export const InvisibleGroupNode: Story = {
-  play: async (context) => {
-    const { error } = await run(context);
-
-    expect(error).toMatchObject({
-      name: "Task Crashed",
-      message: "Invisible group nodes are unsupported",
-    });
-  },
-  args: {
-    payload: {
-      fileKey: "5d0u9PmD4GtB5fdX57pTtK",
-      nodesId: ["134:14"],
-      settings: {
-        framework: "react",
-        styling: "plain_css",
-      },
-    },
-  },
-};