Integrate flowershow packages (#923)

* [packages][m]: mv @flowershow/core package here

* [packages/core][xs]: rename to @portaljs/core

* [package.json][xs]: setup npm workspaces

* [packages/core][xs]:replace deprecated rollup executor

* [core/package.json][s]: fix mermaid versions

* [core/tsconfig][xs]: rm extends

* [core/jest.config][xs]: rm coverageDirectory

* [core/package.json][xs]: install core-js

* [packages.json][s]:use same version for all nrwl packages

* [core/.eslintrc][xs]: adjust ignorePatterns

* [core/project.json][xs]: rm publish targets

* [packages][m]: mv @flowershow/remark-wiki-link here

* [packages][m]: mv @flowershow/remark-wiki-link here

* [packages][m]: mv @flowershow/remark-embed here

* [remark-callouts/project.json][xs]: adjst test pattern

* [package.json][s]: install missing deps

* [remark-callouts][xs]: adjst fields in package.json

* [remark-callouts][s]: rm pubish targets and adjst build executor

* [remark-embed/jest.config][xs]: rm unknown option coverageDirectory

* [remark-embed][xs]: rm publish targets

* [remark-embed][s]: rename to @portaljs/remark-embed

* [remark-wiki-link/eslintrc][xs]:adjst ignorePatterns

* [package.json][xs]: install missing deps

* [remark-wiki-link/test][xs]:specify format

- also temporarily force any type on htmlExtension

* [remark-wiki-link/README][xs]: replace @flowershow with @portaljs

* [remark-wiki-link][xs]:rm old changelog

* [remark-wiki-link][xs]: adjst package.json

* [remark-wiki-link/project.json][xs]: rm publish targets

* [core][s]: rm old changelog

* [core/README][xs]:correct scope name

* [remark-callouts/README][xs]: add @portaljs to pckg name

* [remark-embed/README][xs]: add @portaljs to pckg name

* [package-lock.json][xs]: refresh after rebasing on main

packages/core/src/ui/SimpleLayout/Container.tsx

@@ -0,0 +1,39 @@
+import { forwardRef } from "react";
+import clsx from "clsx";
+
+const OuterContainer = forwardRef<
+  HTMLDivElement,
+  React.PropsWithChildren & { className?: string }
+>(({ className, children, ...props }, ref) => {
+  return (
+    <div ref={ref} className={clsx("sm:px-8", className)} {...props}>
+      <div className="mx-auto max-w-5xl lg:px-8">{children}</div>
+    </div>
+  );
+});
+
+const InnerContainer = forwardRef<
+  HTMLDivElement,
+  React.PropsWithChildren & { className?: string }
+>(({ className, children, ...props }, ref) => {
+  return (
+    <div
+      ref={ref}
+      className={clsx("relative px-4 sm:px-8 lg:px-12", className)}
+      {...props}
+    >
+      <div className="mx-auto max-w-2xl lg:max-w-5xl">{children}</div>
+    </div>
+  );
+});
+
+export const Container = forwardRef<
+  HTMLDivElement,
+  React.PropsWithChildren & { className?: string }
+>(({ children, ...props }, ref) => {
+  return (
+    <OuterContainer ref={ref} {...props}>
+      <InnerContainer>{children}</InnerContainer>
+    </OuterContainer>
+  );
+});

packages/core/src/ui/SimpleLayout/SimpleLayout.tsx

@@ -0,0 +1,20 @@
+/* eslint import/no-default-export: off */
+import { Container } from "./Container";
+
+// TODO types
+export const SimpleLayout: React.FC<any> = ({ children, ...frontMatter }) => {
+  const { title, description } = frontMatter;
+  return (
+    <Container className="my-16 sm:mt-32">
+      <header className="max-w-2xl">
+        <h1 className="text-4xl font-bold tracking-tight text-zinc-800 dark:text-zinc-100 sm:text-5xl">
+          {title}
+        </h1>
+        <p className="mt-6 text-base text-zinc-600 dark:text-zinc-400">
+          {description}
+        </p>
+      </header>
+      <div className="mt-16 sm:mt-20">{children}</div>
+    </Container>
+  );
+};

packages/core/src/ui/SimpleLayout/index.ts

@@ -0,0 +1 @@
+export { SimpleLayout } from "./SimpleLayout";