@unisphere/nx 4.15.8 → 5.0.0

package/dist/generators/add-documentation/templates/src/components/homepage-features/index.tsx

@@ -1,141 +0,0 @@
-import Heading from '@theme/Heading';
-
-type FeatureItem = {
-  title: string;
-  description: JSX.Element;
-  icon: JSX.Element;
-};
-
-const FeatureList: FeatureItem[] = [
-  {
-    title: 'Quick Start Guides',
-    icon: (
-      <svg className="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M13 10V3L4 14h7v7l9-11h-7z" />
-      </svg>
-    ),
-    description: (
-      <>
-        Get up and running quickly with step-by-step guides, tutorials, and
-        practical examples for common use cases.
-      </>
-    ),
-  },
-  {
-    title: 'API Reference',
-    icon: (
-      <svg className="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
-      </svg>
-    ),
-    description: (
-      <>
-        Complete TypeScript API documentation with detailed type definitions,
-        parameters, and return values for every public interface.
-      </>
-    ),
-  },
-  {
-    title: 'Code Examples',
-    icon: (
-      <svg className="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" />
-      </svg>
-    ),
-    description: (
-      <>
-        Real-world usage patterns and copy-paste-ready code snippets to
-        accelerate your development workflow.
-      </>
-    ),
-  },
-  {
-    title: 'Architecture & Patterns',
-    icon: (
-      <svg className="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" />
-      </svg>
-    ),
-    description: (
-      <>
-        Understand the design decisions, module structure, and best practices
-        for building scalable applications.
-      </>
-    ),
-  },
-  {
-    title: 'Changelog & Releases',
-    icon: (
-      <svg className="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01" />
-      </svg>
-    ),
-    description: (
-      <>
-        Stay up to date with the latest releases, breaking changes, migration
-        guides, and new features.
-      </>
-    ),
-  },
-  {
-    title: 'Developer Tools',
-    icon: (
-      <svg className="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.066 2.573c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.573 1.066c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.066-2.573c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" />
-        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
-      </svg>
-    ),
-    description: (
-      <>
-        Leverage CLI tools, code generators, and development utilities designed
-        to streamline your workflow.
-      </>
-    ),
-  },
-];
-
-function Feature({ title, icon, description }: FeatureItem) {
-  return (
-    <div className="group relative bg-white dark:bg-gray-800 rounded-2xl p-8 shadow-sm hover:shadow-xl border border-gray-100 dark:border-gray-700 transition-all duration-300 hover:-translate-y-1">
-      <div className="absolute inset-0 bg-gradient-to-br from-blue-50/50 to-purple-100/50 dark:from-blue-900/20 dark:to-purple-800/20 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-300"></div>
-
-      <div className="relative z-10">
-        <div className="w-14 h-14 mb-6 bg-gradient-to-br from-blue-500 to-purple-400 rounded-xl flex items-center justify-center shadow-lg group-hover:shadow-xl transition-shadow duration-300">
-          {icon}
-        </div>
-
-        <div className="space-y-3">
-          <Heading as="h3" className="text-xl font-bold text-gray-900 dark:text-white mb-0 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors duration-200">
-            {title}
-          </Heading>
-          <p className="text-gray-600 dark:text-gray-300 leading-relaxed mb-0">
-            {description}
-          </p>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-export default function HomepageFeatures(): JSX.Element {
-  return (
-    <section className="py-20 px-4 max-w-7xl mx-auto">
-      <div className="text-center mb-16">
-        <Heading as="h2" className="text-4xl md:text-5xl font-bold text-gray-900 dark:text-white mb-4">
-          <span className="text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-purple-400 dark:from-blue-400 dark:to-purple-300">
-            Everything You Need
-          </span>
-        </Heading>
-        <p className="text-xl text-gray-600 dark:text-gray-300 max-w-3xl mx-auto leading-relaxed">
-          Comprehensive documentation to help you integrate, build, and ship with confidence
-        </p>
-      </div>
-
-      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
-        {FeatureList.map((props, idx) => (
-          <Feature key={idx} {...props} />
-        ))}
-      </div>
-    </section>
-  );
-}

package/dist/generators/add-documentation/templates/src/components/homepage-features/styles.module.css

@@ -1,87 +0,0 @@
-.features {
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  gap: 2.5rem;
-  padding: 2rem 0;
-  width: 100%;
-  max-width: 64rem;
-  margin: 0 auto;
-}
-
-.featuresContainer {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 1rem;
-}
-
-@media screen and (max-width: 1023px) {
-  .featuresContainer {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-
-
-@media screen and (max-width: 768px) {
-  .featuresContainer {
-    grid-template-columns: repeat(1, 1fr);
-  }
-}
-
-
-.featuresContainer :last-child:nth-last-child(1):nth-child(3n + 1) {
-  grid-column: 2;
-}
-
-.featureText {
-  font-size: 1.125rem;
-  line-height: 1.35rem;
-  font-weight: 500;
-}
-
-.featureCard {
-  gap: 1.5rem;
-  padding: 1.5rem;
-  border: thin solid var(--uc-border-color);
-  box-shadow: none;
-}
-
-.featureHeader, .featureBody {
-  padding: 0;
-}
-
-.featureTarget {
-  color: #888888;
-  font-style: italic;
-}
-
-.featureTitle {
-  font-size: 1.125rem;
-  line-height: 1.35rem;
-  font-weight: 700;
-  margin-bottom: 0.75rem;
-}
-
-.featureIcon {
-  width: 5.25rem;
-  height: 5.25rem;
-}
-
-.heading {
-  font-size: 3.5rem;
-  font-weight: 500;
-  font-style: italic;
-  line-height: 4.375rem;
-}
-
-@media screen and (max-width: 489px) {
-  .heading {
-    font-size: 2.5rem;
-  }
-}
-
-@media screen and (max-width: 369px) {
-  .heading {
-    font-size: 1.5rem;
-  }
-}

package/dist/generators/add-documentation/templates/src/components/homepage-modules/index.tsx

@@ -1,76 +0,0 @@
-import clsx from 'clsx';
-import Heading from '@theme/Heading';
-import styles from './styles.module.css';
-
-const ExternalLink = require('@site/static/homepage/icons/ExternalLink.svg').default;
-
-type ModuleItem = {
-  title: string;
-  previewImage: string;
-  documentationUrl: string;
-  showcaseUrl: string;
-};
-
-const ModulesList: ModuleItem[] = [
-  {
-    title: 'Reactions Module',
-    previewImage: 'https://placehold.co/504x260?text=Reactions+Module',
-    documentationUrl: '/docs/overview/experiences/reactions',
-    showcaseUrl: '/docs/overview/experiences/reactions#showcase',
-  },
-];
-
-function Module({
-  title,
-  previewImage,
-  documentationUrl,
-  showcaseUrl,
-}: ModuleItem) {
-  return (
-    <div className={clsx(styles.module)}>
-      <a
-        href={showcaseUrl}
-        className={clsx(styles.moduleShowcasePreviewContainer)}
-      >
-        <img
-          src={previewImage}
-          className={clsx(styles.modulePreviewImage)}
-          alt={`${title} module preview image`}
-        />
-
-        <div className={clsx(styles.moduleShowcasePreviewOverlay)}>
-          <ExternalLink className={clsx(styles.moduleShowcasePreviewIcon)} />
-        </div>
-      </a>
-      <div>
-        <Heading as="h3" className={clsx(styles.moduleTitle)}>
-          {title}
-        </Heading>
-        <div className={clsx(styles.moduleNavigation)}>
-          <a href={documentationUrl} className={clsx(styles.moduleLink)}>
-            Documentation
-          </a>
-          <span>•</span>
-          <a href={showcaseUrl} className={clsx(styles.moduleLink)}>
-            Showcase
-          </a>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-export default function HomepageModules(): JSX.Element {
-  return (
-    <section className={styles.modules}>
-      <Heading as="h2" className={clsx('text--center', styles.heading)}>
-        Modules catalog
-      </Heading>
-      <div className={clsx('container', styles.modulesContainer)}>
-        {ModulesList.map((props, idx) => (
-          <Module key={idx} {...props} />
-        ))}
-      </div>
-    </section>
-  );
-}

package/dist/generators/add-documentation/templates/src/components/homepage-modules/styles.module.css

@@ -1,120 +0,0 @@
-.modules {
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  gap: 2.5rem;
-  padding: 2rem 0;
-  width: 100%;
-  max-width: 64rem;
-  margin: 0 auto;
-  margin-bottom: 3rem;
-}
-
-.modulesContainer {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  grid-auto-rows: auto;
-  gap: 1rem;
-}
-
-@media screen and (max-width: 768px) {
-  .modulesContainer {
-    grid-template-columns: repeat(1, 1fr);
-  }
-}
-
-.modulesContainer > :nth-child(2n) {
-  grid-column: span 1;
-}
-
-.modulesContainer > :nth-child(2n+1):only-child {
-  justify-self: center;
-  grid-column: span 2;
-}
-
-.heading {
-  font-size: 3.5rem;
-  font-weight: 500;
-  font-style: italic;
-  line-height: 4.375rem;
-}
-
-@media screen and (max-width: 489px) {
-  .heading {
-    font-size: 2.5rem;
-  }
-}
-
-@media screen and (max-width: 369px) {
-  .heading {
-    font-size: 1.5rem;
-  }
-}
-
-.module {
-  max-width: 31.5rem;
-  display: flex;
-  flex-direction: column;
-  gap: 1.25rem;
-  justify-self: center;
-}
-
-.moduleShowcasePreviewContainer {
-  position: relative;
-  display: inline-block;
-  overflow: hidden;
-  text-decoration: none;
-  color: inherit;
-}
-
-.moduleShowcasePreviewContainer:hover .moduleShowcasePreviewIcon,
-.moduleShowcasePreviewContainer:hover .moduleShowcasePreviewOverlay {
-  opacity: 1;
-}
-
-.moduleShowcasePreviewOverlay {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.5);
-  opacity: 0;
-  transition: opacity 0.3s ease;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 0.5rem;
-}
-
-.moduleShowcasePreviewIcon {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  opacity: 0;
-  transition: opacity 0.3s ease;
-  color: #FFFFFF;
-  width: 4rem;
-  height: 4rem;
-}
-
-.modulePreviewImage {
-  border-radius: 0.5rem;
-  border: thin solid var(--uc-border-color);
-  display: block;
-  width: 100%;
-  height: auto;
-}
-
-.moduleTitle {
-  font-size: 1.125rem;
-  font-weight: 700;
-  line-height: 1.35rem;
-  margin: 0;
-}
-
-.moduleNavigation {
-  display: flex;
-  gap: 0.5rem;
-}

package/dist/generators/add-documentation/templates/src/components/homepage-start-now/index.tsx

@@ -1,22 +0,0 @@
-import clsx from 'clsx';
-import Heading from '@theme/Heading';
-import styles from './styles.module.css';
-
-const Divider = require('@site/static/homepage/divider.svg').default;
-
-export default function HomepageStartNow(): JSX.Element {
-  return (
-    <section className={styles.startNow}>
-      <Heading as="h2" className={clsx('text--center', styles.heading)}>
-        Ready to get started?
-      </Heading>
-      <a
-        className={clsx('uc-button', styles.startNowBtn)}
-        href="/docs/documentation/overview"
-      >
-        Start now
-      </a>
-      <Divider className={clsx(styles.divider)} alt="Divider image"/>
-    </section>
-  );
-}

package/dist/generators/add-documentation/templates/src/components/homepage-start-now/styles.module.css

@@ -1,38 +0,0 @@
-.startNow {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 3rem;
-}
-
-.heading {
-  font-size: 3.5rem;
-  font-weight: 500;
-  font-style: italic;
-  line-height: 4.375rem;
-  max-width: 53.875rem;
-}
-
-@media screen and (max-width: 489px) {
-  .heading {
-    font-size: 2.5rem;
-  }
-}
-
-@media screen and (max-width: 369px) {
-  .heading {
-    font-size: 1.5rem;
-  }
-}
-
-.startNowBtn {
-  padding: 1.5rem;
-  font-size: 3.5rem;
-  line-height: 3rem;
-}
-
-.divider {
-  height: 6.25rem;
-  width: 100%;
-  margin: 3rem auto;
-}