Fix technologies

Author: akd-io

packages/create-next-stack/src/main/plugin.ts

@@ -57,7 +57,7 @@ export type Package = {
   version: string
 }
 
-type Technology = {
+export type Technology = {
   /** ID that uniquely identified the technology across all plugins' technologies. */
   id: string
   /** The name of the technology. */

packages/create-next-stack/src/main/plugins/create-next-stack/add-content/templates/LandingPage/generate-technologies.ts

@@ -1,20 +1,21 @@
 import endent from "endent"
 import { ValidCNSInputs } from "../../../../../create-next-stack-types"
+import { DeeplyReadonly } from "../../../../../helpers/deeply-readonly"
 import { stringify } from "../../../../../helpers/stringify"
-import { getSortedFilteredTechnologies } from "../../../sort-orders/technologies"
+import { getTechnologies } from "../../../sort-orders/technologies"
 
 // This type should match the one in the template below.
-export type Technology = {
+export type Technology = DeeplyReadonly<{
   name: string
   description: string
   links: Array<{
     title: string
     url: string
   }>
-}
+}>
 
 export const generateTechnologies = (inputs: ValidCNSInputs): string => {
-  const technologies = getSortedFilteredTechnologies(inputs)
+  const technologies: Technology[] = getTechnologies(inputs)
 
   return endent`
     export type Technology = {

packages/create-next-stack/src/main/plugins/create-next-stack/add-readme/generate-technology-table-rows.ts

@@ -1,15 +1,13 @@
 import { ValidCNSInputs } from "../../../create-next-stack-types"
-import { getSortedFilteredTechnologies } from "../sort-orders/technologies"
+import { getTechnologies } from "../sort-orders/technologies"
 
 export const generateTechnologyTableRows = async (
   inputs: ValidCNSInputs
 ): Promise<string> => {
-  const technologies = getSortedFilteredTechnologies(inputs).map(
-    (technology) => ({
-      name: technology.name,
-      links: technology.links.map((l) => `[${l.title}](${l.url})`).join(" - "),
-    })
-  )
+  const technologies = getTechnologies(inputs).map((technology) => ({
+    name: technology.name,
+    links: technology.links.map((l) => `[${l.title}](${l.url})`).join(" - "),
+  }))
   return technologies
     .map((technology) => `| ${technology.name} | ${technology.links} |`)
     .join("\n")

packages/create-next-stack/src/main/plugins/create-next-stack/sort-orders/technologies.ts

@@ -1,5 +1,7 @@
 import { ValidCNSInputs } from "../../../create-next-stack-types"
+import { DeeplyReadonly } from "../../../helpers/deeply-readonly"
 import { compareByOrder } from "../../../helpers/sort-by-order"
+import { Technology } from "../../../plugin"
 import { filterPlugins } from "../../../setup/setup"
 
 export const technologiesSortOrder: string[] = [
@@ -27,12 +29,13 @@ export const technologiesSortOrder: string[] = [
   "reactIcons",
 ]
 
-export const getSortedFilteredTechnologies = (inputs: ValidCNSInputs) => {
-  const technologies = filterPlugins(inputs).flatMap(
-    (plugin) => plugin.technologies ?? []
-  )
-  const dedupedTechnologies = [...new Set(technologies)]
-  return dedupedTechnologies.sort((a, b) =>
-    compareByOrder(a.name, b.name, technologiesSortOrder)
-  )
+export const getTechnologies = (
+  inputs: ValidCNSInputs
+): Array<Omit<DeeplyReadonly<Technology>, "id">> => {
+  return filterPlugins(inputs)
+    .flatMap((plugin) => plugin.technologies ?? [])
+    .sort((a, b) => compareByOrder(a.id, b.id, technologiesSortOrder))
+    .map(({ id, ...rest }) => ({
+      ...rest,
+    }))
 }