@dxos/brand 0.6.10-main.3cfcc89 → 0.6.10-main.bbdfaa4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/brand",
-  "version": "0.6.10-main.3cfcc89",
+  "version": "0.6.10-main.bbdfaa4",
   "description": "DXOS brand assets.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -23,12 +23,11 @@
   ],
   "dependencies": {
     "d3": "^7.9.0",
-    "@dxos/react-ui-theme": "0.6.10-main.3cfcc89"
+    "@dxos/react-ui-theme": "0.6.10-main.bbdfaa4"
   },
   "devDependencies": {
     "@fontsource/k2d": "^5.0.18",
     "@phosphor-icons/react": "^2.1.5",
-    "@rive-app/react-canvas": "^4.14.0",
     "@storybook/addons": "^7.0.6",
     "@storybook/api": "^7.0.6",
     "@storybook/components": "^7.0.6",
@@ -37,8 +36,8 @@
     "@types/d3": "^7.4.3",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/storybook-utils": "0.6.10-main.3cfcc89",
-    "@dxos/react-ui": "0.6.10-main.3cfcc89"
+    "@dxos/react-ui": "0.6.10-main.bbdfaa4",
+    "@dxos/storybook-utils": "0.6.10-main.bbdfaa4"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",

package/dist/types/src/components/rive.stories.d.ts

@@ -1,9 +0,0 @@
-import '@dxos-theme';
-import React from 'react';
-declare const _default: {
-    title: string;
-    decorators: import("@storybook/react/*").Decorator[];
-};
-export default _default;
-export declare const Default: () => React.JSX.Element | null;
-//# sourceMappingURL=rive.stories.d.ts.map

package/dist/types/src/components/rive.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"rive.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/rive.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAoB,MAAM,OAAO,CAAC;;;;;AAMzC,wBAGE;AA+BF,eAAO,MAAM,OAAO,gCAoCnB,CAAC"}

package/src/components/rive.stories.tsx

@@ -1,84 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { type Rive, useRive } from '@rive-app/react-canvas';
-import React, { useEffect } from 'react';
-
-import { useAsyncCallback } from '@dxos/react-ui';
-import { mx } from '@dxos/react-ui-theme';
-import { withFullscreen, withTheme } from '@dxos/storybook-utils';
-
-export default {
-  title: 'brand/Rive',
-  decorators: [withTheme, withFullscreen({ classNames: ['absolute inset-0 bg-black'] })],
-};
-
-const useFlash = (rive: Rive | null, name: string, delay: number, period: number) => {
-  useEffect(() => {
-    let t: any;
-    if (rive) {
-      t = setTimeout(() => {
-        t = setInterval(() => {
-          rive?.play(name);
-        }, period);
-      }, delay);
-    }
-
-    return () => clearTimeout(t);
-  }, [rive]);
-};
-
-const Component = ({ buffer }: { buffer: ArrayBuffer }) => {
-  // https://rive.app/community/doc/rive-parameters/docHI9ASztXP
-  const { rive, RiveComponent } = useRive({ buffer, autoplay: false });
-  useFlash(rive, 'flash-1', 500, 3_000);
-  useFlash(rive, 'flash-2', 2_000, 2_000);
-
-  return (
-    <div className='m-8 relative flex grow justify-center'>
-      <RiveComponent />
-      <div className='z-1 absolute inset-0' style={{ background: 'radial-gradient(transparent, black)' }} />
-    </div>
-  );
-};
-
-export const Default = () => {
-  const buffer = useAsyncCallback<ArrayBuffer | undefined>(async () => {
-    // CORS set via dashboard.
-    const response = await fetch('https://dxos.network/dxos.riv', { mode: 'cors' });
-    if (response.ok) {
-      return await response.arrayBuffer();
-    } else {
-      console.log(response.status);
-    }
-  });
-
-  if (!buffer) {
-    return null;
-  }
-
-  return (
-    <>
-      <Component buffer={buffer} />
-      <div className='flex absolute left-0 right-0 top-[120px] h-[320px] align-center'>
-        <div
-          className='z-1 absolute inset-0 w-[800px] m-auto'
-          style={{
-            background: 'radial-gradient(ellipse 200% 100% at center, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 50%)',
-          }}
-        />
-        <div
-          className={mx(
-            'z-2 absolute inset-0 flex items-center w-[720px] m-auto p-2',
-            'text-white text-[60px] leading-tight text-center font-thin _border _border-red-500',
-          )}
-        >
-          The new standard for building collaborative local-first software.
-        </div>
-      </div>
-    </>
-  );
-};