@dxos/plugin-status-bar 0.8.4-main.fffef41 → 0.9.0

package/src/components/VersionNumber.tsx

@@ -1,85 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import { formatDistance } from 'date-fns/formatDistance';
-import React from 'react';
-
-import { useConfig } from '@dxos/react-client';
-import { Icon, Link, Message, Popover, Trans, useTranslation } from '@dxos/react-ui';
-
-import { meta } from '../meta';
-
-import { StatusBar } from './StatusBar';
-
-const repo = 'https://github.com/dxos/dxos';
-
-const VERSION_REGEX = /([\d.]+)/;
-
-export const VersionNumber = () => {
-  const { t } = useTranslation(meta.id);
-  const config = useConfig();
-  const { version, timestamp, commitHash } = config.values.runtime?.app?.build ?? {};
-  const [_, v] = version?.match(VERSION_REGEX) ?? [];
-  const isLabs = config.values.runtime?.app?.env?.DX_LABS;
-
-  const releaseUrl =
-    config.values.runtime?.app?.env?.DX_ENVIRONMENT === 'production'
-      ? `${repo}/releases/tag/v${version}`
-      : `${repo}/commit/${commitHash}`;
-
-  const previewUrl = 'https://docs.dxos.org/composer#technology-preview';
-
-  return (
-    <Popover.Root>
-      <Popover.Trigger asChild>
-        <StatusBar.Button classNames='text-xs'>{isLabs ? version : v}</StatusBar.Button>
-      </Popover.Trigger>
-      <Popover.Portal>
-        <Popover.Content
-          side='top'
-          role='message'
-          classNames='z-[12] bg-warning-500 max-is-[min(calc(100vw-16px),40ch)]'
-        >
-          <Message.Root valence='warning' classNames='rounded-be-none p-5'>
-            <Message.Title>{t('warning title')}</Message.Title>
-            <Message.Content>
-              {t('technology preview message')}
-              <br />
-              <Link href={previewUrl} target='_blank' rel='noreferrer' variant='neutral'>
-                {t('learn more label')}
-                <Icon icon='ph--arrow-square-out--bold' classNames='inline mis-1' />
-              </Link>
-            </Message.Content>
-          </Message.Root>
-          <div role='none' className='plb-4 pli-5 space-b-2 text-baseText'>
-            {timestamp && (
-              <p>
-                {t('released message', {
-                  released: formatDistance(new Date(timestamp), new Date(), { addSuffix: true }),
-                })}
-                <br />
-                <Link href={releaseUrl} target='_blank' rel='noreferrer' variant='neutral'>
-                  {t('see release label')}
-                  <Icon icon='ph--arrow-square-out--bold' classNames='inline mis-1' />
-                </Link>
-              </p>
-            )}
-            <p>
-              <Trans
-                {...{
-                  t,
-                  i18nKey: 'powered by dxos message',
-                  components: {
-                    dxos: <Link href='https://dxos.org' target='_blank' rel='noreferrer' variant='neutral' />,
-                  },
-                }}
-              />
-            </p>
-          </div>
-          <Popover.Arrow />
-        </Popover.Content>
-      </Popover.Portal>
-    </Popover.Root>
-  );
-};