init: the first public commit for AFFiNE

libs/components/common/src/lib/Logo/LogoImg.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { CSSProperties } from 'react';
+
+export const LogoImg = ({ style = {} }: { style: CSSProperties }) => {
+    return (
+        <img
+            style={style}
+            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABzJJREFUeNrs3T1SHEcUAOAxpQOQON/EOcpdFpwAfAKhE0ikToBEqawTCG6ATiDkUu7NnaxjJXsET0uDDOiHfrM9fzvfV7VFMgzN9Mzr1z3dvVUFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEBhP5U82c+//rGofyweOGz18cPLlUsPw3tU+Hyn9ef4gWOW9edxX/9gHZRSeZ6O7Lqf1EFwObEyP/tR4P7t+T9nTf3nOP/r9S9nGXW3X/94l3G+VK7HdfnWBe+b9Hf3Mw8/qP/2dcY5X9U/9rY5ABxlHLOXMoUes4BFoCL7sPrRwz/iMo85a0vX60X9OavGbW9k9XqxUzBipod/N/Pw5zPOus6VuROn9T24VxGq152CJ4ukrEczveCpJb1Q5s688kznt/4pqysSAOrIuxt8qBczjdZa/27tN+MnZNZrqQygTYv+dGYXXOvfUxbQNEg80PqXDACHLX5nbpFa69+PXV2B/HrdOAA07/7bZAC7zcCh1l+ZSztuXiHyg9a/VAawyUN8OJOLrvUfoCvgWX+4XksEgE368nPIALT+w0jzTc48799v/ZONJgI16f8mo/mpG3A8opstleOy8DnXEyzzaktu+Of1/XUx0annJ9XnWbOd1uumMwFLtOCHzU08Bv/mTOkcmSmWuS9pQPBN/TmYYNmXfdTrpgGgxIy+o/TapuQ8bvrXzO0fY8qd5gYc1ffXlVr6WusxgGYiz6JQOY5UBR0yN6B0AKjKTuQ5VBV0KDVUpy5D2QBQstU+agYUoSsvLBYqFACaSRalH1jdADrvCrgEZTKASPq/7uCc0EYaEHzhMmweAHJb61X9yR193dMNoAenBgT/F34NGNz4Iz3876v8hT/puDPVMj3NrLvsLcE+fng5VD3fLBZ6ptbaZQCREfvL4PtX3QD6YLFQmwDQpE65rfntve9yg8DCSC09eeMSxDOAyEj97Yf+rSyAkVlYLBQfA4ik/+/vBYPciJuCzMlA1+PJSG6KJyMo8/XE1hjclDWS2p+OeLHQu7psXZz3zhbm2QEguO/f+nbfP83zr3//KvP3FwPO3d6vxrVt85Blvphgg5Yajr9bdAWmuFio9y7AceDYbz28kW6AqcHDmuQS2mbMKbqRyf6MdqbaKABE+uZvM4NCibEGypvybkB/VvH9DN7MdW5AVgAIbvyx/lb63iz3zQ0Cu3OOylr/jbKAdRUfQ0oP/6kAUKZFvgpmBiUyDsp5PfV/oGmAomNIs1wstNPBw/i2ZXD4KuiYstm764zvLZyKlAVEN5l5IwB8nf7vbZr+30vPIjeYboC+f9ssYNUim9mb22KhnAwg0vpfZxwT2cDS24B+W//rbfqHmvUG0YxmVouFcuYBRFrhnD5+yhBy12XbL1DrX6Ir8C5w/O5IugLLqpsdpdfZAaDFvn8P9vFTalafdxnoVhxXn1/t9NIKVndnMA4lzQTc77HM623dWTj9X2m2XxWbx3JUdb+d+4OBawy7Akd2/b0KtNSXgQDwtMcA8H7AZaq3A+9ZIACMoswTyAIiy9ir4LFbOwZQOv3PzhRusVEIm2YBbeYGVLMOAMGNP0IPdTNC620AfQaBiypvkFoAaERG4K9aDNRF3gY8V1UU6grwUAAIrvyLpv83ItHYRiGUyALaLBaaZQbQWfp/rzJWgV8xNZgS2iwWml0AiKT/yw3e01shSN9ZQLpXbQj6vQDQIv3f5KupI7+7sJEjhYLAdZusdS4ZQLSlvdqgInQDGEqbxUKzCACRh2xZYO24bgBDZAHpvj0XAO6m/4sqtr/cZYEyRM5hoxBKBoE0ILgUAAZI/zfoBlghSOmuwGw9Gjj9vx1Ictdhp291ObFCkEJZQFos9Gfg/utLV9uC37beuZf+RybbXBYsSHQikW4AJaWxgDk2KFe3uwDR6bbFXqM0r2UiFaAbQMksYK6Lhc53Wraqqw52jrVfIEMGgYtqXouFPu3+vNOk/8U3/tANYILmNEPw0yvQmwwgOsHmsnRpms1EI90AKwQpfQ+uqnnMDfjy3Q83AeA4mP539e7URiEMbQ6Lhb4EuZ0uN/7QDWCCWcC2Lxa6881PKQOIjqhfdnjxo90AawPo4j68rrZ3sdCdLs5OFR/973rqZLQbYKMQurCNi4W++t7HNBPw98AJ+rgg58EsY/VAND+rf5xNrAWaXJnTzVXlv0bL7WOnxuZgiHuz2b7+ILN7vMw850EFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMC2+0+AAQDgljs/XVSdVAAAAABJRU5ErkJggg=="
+            alt="Affine Logo"
+        />
+    );
+};

libs/components/common/src/lib/Logo/LogoLink.tsx

@@ -0,0 +1,17 @@
+import { Link } from 'react-router-dom';
+import { LogoImg } from './LogoImg';
+import { styled } from '@toeverything/components/ui';
+
+export const LogoLink = () => {
+    return (
+        <StyledLink to="/">
+            <LogoImg style={{ width: 56, height: 56 }} />
+        </StyledLink>
+    );
+};
+
+const StyledLink = styled(Link)`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+`;

libs/components/common/src/lib/Logo/affine-logo.svg

@@ -0,0 +1,8 @@
+<svg width="100" height="22" viewBox="0 0 100 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M77.4929 0.10376V13.3534L69.3559 0.10376H65.563V21.9999H69.7957V8.75276L77.9197 21.9999H81.7255V0.10376H77.4929Z" fill="#153C7A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.71004 0L0 22H4.5159L9.42021 6.78417L14.3267 22H18.8273L11.1161 0H7.71004Z" fill="#153C7A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M39.6845 0.148682V9.30504H26.3638V3.94645H34.5655L36.4257 0.148682H22.127V21.9552H26.3638V13.1041H39.6845V21.9552H43.9214V13.1041H50.0647H50.6301L52.489 9.30504H51.9237H43.9214V3.94645H52.123L53.9832 0.148682H39.6845Z" fill="#153C7A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M85.7012 0.148682V21.9552H98.1397L99.9999 18.1559H89.938V12.8571H98.507V9.06163H89.938V3.94645H98.1397L99.9999 0.148682H85.7012Z" fill="#153C7A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57.2695 22.0001H61.5022V7.49414H57.2695V22.0001Z" fill="#153C7A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57.2695 4.6581H61.5022V0.103882H57.2695V4.6581Z" fill="#3E6FDB"/>
+</svg>

libs/components/common/src/lib/Logo/index.ts

@@ -0,0 +1,2 @@
+export { LogoLink } from './LogoLink';
+export { LogoImg } from './LogoImg';