Merge branch 'main' of https://github.com/MeshJS/mesh into docs/value…

…-utils

README.md

@@ -1,6 +1,6 @@
 <div align="center">
 
-![Mesh Logo](https://meshjs.dev/logos/mesh.png)
+![Mesh Logo](https://meshjs.dev/logo-mesh/mesh.png)
 
   <hr />
     <h2 align="center" style="border-bottom: none">Mesh SDK</h2>

apps/docs/.eslintrc.js

@@ -0,0 +1,9 @@
+/** @type {import("eslint").Linter.Config} */
+module.exports = {
+  root: true,
+  extends: ["@meshsdk/configs/eslint/next.js"],
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    project: true,
+  },
+};

apps/docs/next.config.mjs

@@ -3,17 +3,20 @@ const nextConfig = {
   images: {
     remotePatterns: [
       {
-        protocol: 'https',
-        hostname: 'meshjs.dev',
-        port: '',
-        pathname: '/**',
+        protocol: "https",
+        hostname: "meshjs.dev",
+        port: "",
+        pathname: "/**",
       },
     ],
   },
   webpack: (config) => {
     config.resolve.fallback = { fs: false };
     return config;
   },
+  typescript: {
+    ignoreBuildErrors: true,
+  },
 };
 
 export default nextConfig;

apps/docs/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@meshsdk/docs",
+  "name": "docs",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -27,13 +27,15 @@
     "simple-functional-loader": "1.2.1",
     "unist-util-filter": "5.0.1",
     "unist-util-visit": "5.0.0",
-    "uuid": "10.0.0",
+    "uuid": "^10.0.0",
     "zustand": "4.5.2"
   },
   "devDependencies": {
+    "@meshsdk/configs": "*",
     "@types/node": "20.14.2",
     "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
+    "@types/uuid": "^10.0.0",
     "autoprefixer": "10.4.19",
     "postcss": "8.4.38",
     "tailwindcss": "3.4.4",

apps/docs/src/app/[package]/classes/[name]/page.tsx

@@ -23,7 +23,7 @@ export default function Page({ params }: { params: { name: string } }) {
         <Content comment={meshClass.comment} isMain={true} />
         <DefinedIn sources={meshClass.sources} />
 
-        {meshGroup.map((group, i) => {
+        {meshGroup.map((group: any) => {
           return <Group group={group} key={uuidv4()} />;
         })}
       </Prose>

apps/docs/src/components/Code.tsx

@@ -285,7 +285,7 @@ function useTabGroupProps(availableLanguages: Array<string>) {
   let activeLanguage = [...availableLanguages].sort(
     (a, z) => preferredLanguages.indexOf(z) - preferredLanguages.indexOf(a)
   )[0];
-  let languageIndex = availableLanguages.indexOf(activeLanguage);
+  let languageIndex = availableLanguages.indexOf(activeLanguage!);
   let newSelectedIndex = languageIndex === -1 ? selectedIndex : languageIndex;
   if (newSelectedIndex !== selectedIndex) {
     setSelectedIndex(newSelectedIndex);
@@ -299,7 +299,7 @@ function useTabGroupProps(availableLanguages: Array<string>) {
     selectedIndex,
     onChange: (newSelectedIndex: number) => {
       preventLayoutShift(() =>
-        addPreferredLanguage(availableLanguages[newSelectedIndex])
+        addPreferredLanguage(availableLanguages[newSelectedIndex]!)
       );
     },
   };

apps/docs/src/components/SectionProvider.tsx

@@ -76,7 +76,7 @@ function useVisibleSections(sectionStore: StoreApi<SectionState>) {
         sectionIndex < sections.length;
         sectionIndex++
       ) {
-        let { id, headingRef, offsetRem = 0 } = sections[sectionIndex]
+        let { id, headingRef, offsetRem = 0 } = sections[sectionIndex]!
 
         if (!headingRef?.current) {
           continue

apps/docs/tsconfig.json

@@ -1,28 +1,16 @@
 {
+  "extends": "@meshsdk/configs/typescript/nextjs.json",
   "compilerOptions": {
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true,
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
     "paths": {
       "@/*": ["./src/*"]
-    },
-    "noImplicitAny": false,
-    "strictNullChecks": false,
+    }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": [
+    "next-env.d.ts",
+    "next.config.js",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
   "exclude": ["node_modules"]
 }

apps/playground/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@meshsdk/playground",
+  "name": "playground",
   "version": "1.0.0",
   "private": true,
   "scripts": {

apps/playground/src/components/card/card-title-desc-image.tsx

@@ -32,7 +32,7 @@ export default function CardTitleDescImage({
               <div className="text-2xl font-black">{title}</div>
             </span>
             <Image
-              src="/logos/black/logo-mesh-black-64x64.png"
+              src="/logo-mesh/black/logo-mesh-black-64x64.png"
               className="absolute bottom-2 right-2 h-8"
               layout="fill"
               objectFit="contain"

apps/playground/src/components/layouts/sidebar/index.tsx

@@ -10,7 +10,7 @@ export default function Sidebar({
     <div className="mb-6 mr-6 hidden lg:w-72 xl:block">
       <div className="sticky top-24">
         <aside>
-          <nav className="overflow-y-auto rounded-lg border border-gray-200 p-6 font-medium text-gray-500 dark:border-gray-700 dark:text-gray-400 h-96">
+          <nav className="overflow-y-auto rounded-lg border border-gray-200 p-6 font-medium text-gray-500 dark:border-gray-700 dark:text-gray-400 max-h-96">
             <ul className="space-y-4">
               {sidebarItems.map((item, i) => {
                 return (

apps/playground/src/components/site/footer/index.tsx

@@ -13,14 +13,14 @@ export default function Footer() {
           <div className="mb-2 flex items-center text-2xl font-semibold text-gray-900 sm:mb-0 dark:text-white">
             <div className="mr-2 h-8">
               <Image
-                src="/logos/black/logo-mesh-black-32x32.png"
+                src="/logo-mesh/black/logo-mesh-black-32x32.png"
                 className="dark:hidden"
                 alt="logo"
                 width={32}
                 height={32}
               />
               <Image
-                src="/logos/white/logo-mesh-white-32x32.png"
+                src="/logo-mesh/white/logo-mesh-white-32x32.png"
                 className="hidden dark:block"
                 alt="logo dark"
                 width={32}

apps/playground/src/components/site/metatags.tsx

@@ -4,7 +4,7 @@ export default function Metatags({
   title,
   keywords,
   description,
-  image = "/logos/mesh.png",
+  image = "/logo-mesh/mesh.png",
 }: {
   title?: string;
   keywords?: string;

apps/playground/src/data/cardano.ts

@@ -5,9 +5,9 @@ export const demoAddresses = {
   mainnet: "addr1v9vx0sacufuypa2k4sngk7q40zc5c4npl337uusdh64kv0c93pyfx",
   testnet: "addr_test1vpvx0sacufuypa2k4sngk7q40zc5c4npl337uusdh64kv0c7e4cxr",
   testnetPayment:
-    "addr_test1qzl2r3fpmav0fmh0vrry0e0tmzxxqwv32sylnlty2jj8dwg636sfudakhsh65qggs4ttjjsk8fuu3fkd65uaxcxv0tfqv3z0y3",
+    "addr_test1qpvx0sacufuypa2k4sngk7q40zc5c4npl337uusdh64kv0uafhxhu32dys6pvn6wlw8dav6cmp4pmtv7cc3yel9uu0nq93swx9",
   testnetStake:
-    "stake_test1uqdgagy7x7mtcta2qyyg244efgtr57wg5mxa2wwnvrx845s4sa2vp",
+    "stake_test1uzw5mnt7g4xjgdqkfa80hrk7kdvds6sa4k0vvgjvlj7w8eskffj2n",
 };
 
 export const demoMnemonic = "solution,".repeat(24).split(",").slice(0, 24);

apps/playground/src/data/links-about.ts

@@ -3,6 +3,12 @@ import { FilmIcon, HeartIcon } from "@heroicons/react/24/solid";
 import { MenuItem } from "~/types/menu-item";
 import { metaCatalyst } from "./links-catalyst";
 
+export const metaAboutUs = {
+  link: `/about`,
+  title: "About Us",
+  desc: "",
+  icon: HeartIcon,
+};
 export const metaSupportUs = {
   link: `/about/support-us`,
   title: "Support Us",
@@ -17,6 +23,7 @@ export const metaMediaKit = {
 };
 
 export const linksAbout: MenuItem[] = [
+  metaAboutUs,
   metaCatalyst,
   metaSupportUs,
   metaMediaKit,

apps/playground/src/data/links-guides.ts

@@ -18,7 +18,7 @@ export const guidenodejs = {
 };
 export const guideminting = {
   title: "Multi-Signatures Transaction",
-  desc: "Learn about multi-sig transaction, build a minting transaction involving AppWallet and BrowserWallet.",
+  desc: "Learn about multi-sig transaction, build a minting transaction involving MeshWallet and BrowserWallet.",
   link: "/guides/multisig-minting",
   thumbnail: "/guides/multi-signatures-transaction.png",
   image: "/guides/keys-g25a80b203_1280.jpg",

apps/playground/src/data/team.ts

@@ -0,0 +1,31 @@
+export const team = [
+  {
+    name: "Abdelkrim",
+    image: "abdelkrim.png",
+    twitter: "https://x.com/abdelkrimdev",
+    github: "https://github.com/abdelkrimdev",
+  },
+  {
+    name: "Jingles",
+    image: "jingles.png",
+    twitter: "https://x.com/jinglescode",
+    github: "https://github.com/jinglescode",
+    website: "https://jingles.dev/",
+  },
+  {
+    name: "Felix",
+    image: "felix.png",
+    twitter: "https://x.com/CatalystSwarm",
+  },
+  {
+    name: "Hinson",
+    image: "hinson.png",
+    twitter: "https://x.com/HinsonSIDAN",
+    github: "https://github.com/HinsonSIDAN",
+  },
+  {
+    name: "Tszwai",
+    image: "tszwai.png",
+    github: "https://github.com/twwu123",
+  },
+];

apps/playground/src/pages/about/about-us/hero.tsx

@@ -0,0 +1,65 @@
+export default function AboutHero() {
+  return (
+    <section className="bg-gray-700 bg-[url('https://flowbite.s3.amazonaws.com/blocks/marketing-ui/hero/coast-house-view.jpg')] bg-cover bg-center bg-no-repeat bg-blend-multiply ">
+      <div className="z-1 relative mx-auto max-w-screen-xl px-4 py-8 text-white lg:py-16">
+        <div className="mb-6 max-w-screen-lg lg:mb-0">
+          <h1 className="mb-4 text-4xl font-extrabold leading-none tracking-tight md:text-5xl lg:text-6xl">
+            We advance the Cardano's tech stack
+          </h1>
+          <p className="mb-6 font-light text-gray-400 md:text-lg lg:mb-8 lg:text-xl">
+            Get started building blockchain applications with our
+            enterprise-ready, well engineered, and professionally designed SDK,
+            Mesh. From easy to use Transaction builder to low level APIs, from
+            wallet integrations to data service providers, building a Web3
+            application has never been this easy.
+          </p>
+
+          {/* <a
+            href="#"
+            className="bg-primary-700 hover:bg-primary-800 focus:ring-primary-900 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800 inline-flex items-center rounded-lg px-5 py-3 text-center font-medium text-white focus:outline-none focus:ring-4"
+          >
+            Learn more about the plan
+            <svg
+              className="-mr-1 ml-2 h-5 w-5"
+              fill="currentColor"
+              viewBox="0 0 20 20"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                fill-rule="evenodd"
+                d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z"
+                clip-rule="evenodd"
+              ></path>
+            </svg>
+          </a> */}
+        </div>
+        {/* <div className="mt-8 grid gap-8 border-t border-gray-600 pt-8 sm:grid-cols-2 lg:mt-12 lg:grid-cols-4 lg:pt-12">
+          <div>
+            <h2 className="mb-1 text-lg font-bold">Fourth quarter 2021</h2>
+            <p className="mb-1 text-sm text-gray-400">
+              We announced fourth quarter 2021 results
+            </p>
+            <a
+              href="#"
+              className="text-primary-500 inline-flex items-center text-sm font-semibold hover:underline"
+            >
+              Read more
+              <svg
+                className="ml-1 h-5 w-5"
+                fill="currentColor"
+                viewBox="0 0 20 20"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  fill-rule="evenodd"
+                  d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z"
+                  clip-rule="evenodd"
+                ></path>
+              </svg>
+            </a>
+          </div>
+        </div> */}
+      </div>
+    </section>
+  );
+}

apps/playground/src/pages/about/about-us/incorporation.tsx

@@ -0,0 +1,12 @@
+import { AboutSection } from "../";
+
+export default function AboutIncorporation() {
+  return (
+    <AboutSection
+      title="Incorporation"
+      description="MeshJS Pte. Ltd. is a company registered in Singapore since 2023, with the registration number (UEN): 202344120W."
+    >
+      <></>
+    </AboutSection>
+  );
+}

apps/playground/src/pages/about/about-us/status.tsx

@@ -0,0 +1,44 @@
+import Link from "~/components/link";
+import { AboutSection } from "../";
+
+export default function AboutStatus() {
+  return (
+    <AboutSection
+      title="Status"
+      description="Stay up to date with our latest releases, tests and build status."
+    >
+      <div className="grid gap-8 sm:gap-12 md:grid-cols-3">
+        <div className="flex justify-center">
+          <div>
+            <h3 className="mb-1 text-lg font-semibold leading-tight text-gray-900 dark:text-white">
+              Published on NPM
+            </h3>
+            <Link href="https://www.npmjs.com/package/@meshsdk/core">
+              <img src="https://img.shields.io/npm/v/%40meshsdk%2Fcore?style=for-the-badge" />
+            </Link>
+          </div>
+        </div>
+        <div className="flex justify-center">
+          <div>
+            <h3 className="mb-1 text-lg font-semibold leading-tight text-gray-900 dark:text-white">
+              Build status
+            </h3>
+            <Link href="https://github.com/meshjs/mesh/actions/workflows/build.yml">
+              <img src="https://github.com/meshjs/mesh/actions/workflows/build.yml/badge.svg" />
+            </Link>
+          </div>
+        </div>
+        <div className="flex justify-center">
+          <div>
+            <h3 className="mb-1 text-lg font-semibold leading-tight text-gray-900 dark:text-white">
+              Publish status
+            </h3>
+            <Link href="https://github.com/meshjs/mesh/actions/workflows/publish.yml">
+              <img src="https://github.com/meshjs/mesh/actions/workflows/publish.yml/badge.svg" />
+            </Link>
+          </div>
+        </div>
+      </div>
+    </AboutSection>
+  );
+}