From a0ef91b877ae472df1f27a06d43223c43c7bfe18 Mon Sep 17 00:00:00 2001
From: Emlyn Rice <emlyn.rice@arkahna.io>
Date: Fri, 1 Dec 2023 09:04:23 +0800
Subject: [PATCH 1/7] A code gen for typescript

---
 apps/cli/src/commands/code-gen.ts             |   4 +-
 .../__snapshots__/code-generator.spec.js.snap | 111 ----------------
 .../__snapshots__/code-generator.spec.ts.snap |  32 +++++
 .../src/lib/code-generator.spec.ts            | 124 +++++++++++------
 libs/code-generator/src/lib/code-generator.ts |   5 +-
 .../featureboard-features.ts.template         |  16 +++
 .../__snapshots__/executor.spec.ts.snap       |  46 +++++++
 .../src/executors/code-gen/executor.spec.ts   | 125 +++++++++++-------
 .../__snapshots__/generator.spec.ts.snap      |  46 +++++++
 .../src/generators/code-gen/generator.spec.ts | 125 +++++++++++-------
 .../src/generators/code-gen/schema.json       |   4 +
 11 files changed, 385 insertions(+), 253 deletions(-)
 delete mode 100644 libs/code-generator/src/lib/__snapshots__/code-generator.spec.js.snap
 create mode 100644 libs/code-generator/src/lib/templates/typescript/featureboard-features.ts.template

diff --git a/apps/cli/src/commands/code-gen.ts b/apps/cli/src/commands/code-gen.ts
index f84ce9b1..cefb0e0c 100644
--- a/apps/cli/src/commands/code-gen.ts
+++ b/apps/cli/src/commands/code-gen.ts
@@ -17,13 +17,13 @@ import { promptForOrganization } from '../lib/prompt-for-organization'
 import { titleText } from '../lib/title-text'
 
 // Code Gen
-const templateChoices: Template[] = ['dotnet-api']
+const templateChoices: Template[] = ['dotnet-api', 'typescript']
 
 export function codeGenCommand() {
     return new Command('code-gen')
         .description(`A Code generator for FeatureBoard`)
         .option('-o, --output <path>', 'Output path')
-        .option('-g, --organizationId <id>', 'The Orgnization Id')
+        .option('-g, --organizationId <id>', 'The Organization Id')
         .addOption(
             new Option(
                 '-t, --template <template>',
diff --git a/libs/code-generator/src/lib/__snapshots__/code-generator.spec.js.snap b/libs/code-generator/src/lib/__snapshots__/code-generator.spec.js.snap
deleted file mode 100644
index 977a4591..00000000
--- a/libs/code-generator/src/lib/__snapshots__/code-generator.spec.js.snap
+++ /dev/null
@@ -1,111 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`code-generator > template: dotnet-api > should produce the expected features files > apps/my-app/Features.cs 1`] = `
-"using FeatureBoard.DotnetSdk.Attributes;
-using FeatureBoard.DotnetSdk.Models;
-using System.Runtime.Serialization;
-
-namespace Project.FeatureBoard.MyApp;
-
-// Features
-public class Features : IFeatures
-{
-  [FeatureKeyName(\\"requires-attribution\\")]
-  public bool RequiresAttribution { get; set; }
-  [FeatureKeyName(\\"allow-edits\\")]
-  public bool AllowEdits { get; set; }
-  [FeatureKeyName(\\"number-custom-collections\\")]
-  public decimal NumberCustomCollections { get; set; }
-  [FeatureKeyName(\\"team-management\\")]
-  public bool TeamManagement { get; set; }
-  [FeatureKeyName(\\"custom-collections\\")]
-  public CustomCollections CustomCollections { get; set; }
-  [FeatureKeyName(\\"view-subscribers\\")]
-  public bool ViewSubscribers { get; set; }
-}
-
-
-// Options Enums
-
-//Custom collections
-public enum CustomCollections
-{
-  [EnumMember(Value = \\"Disabled\\")]
-  Disabled,
-  [EnumMember(Value = \\"Enabled\\")]
-  Enabled,
-  [EnumMember(Value = \\"Shared\\")]
-  Shared,
-}
-
-// Type Enums
-public enum BooleanFeature
-{
-  RequiresAttribution,
-  AllowEdits,
-  TeamManagement,
-  ViewSubscribers,
-}
-public enum NumberFeature
-{
-  NumberCustomCollections,
-}
-public enum StringFeature
-{
-}
-
-// Feature Gate attribute
-[AttributeUsage(AttributeTargets.Class | AttributeTargets.Method, AllowMultiple = true)]
-public class FeatureFilterAttribute : FeatureFilterAttributeBase
-{
-  protected override string Feature { get; }
-  protected override object DefaultValue { get; }
-  protected override object? IsEqualTo { get; }
-  private readonly Dictionary<string, string> _featureKeyLookup = new()
-  {
-    { \\"RequiresAttribution\\", \\"requires-attribution\\" },
-    { \\"AllowEdits\\", \\"allow-edits\\" },
-    { \\"NumberCustomCollections\\", \\"number-custom-collections\\" },
-    { \\"TeamManagement\\", \\"team-management\\" },
-    { \\"ViewSubscribers\\", \\"view-subscribers\\" },
-  };
-
-  public FeatureFilterAttribute(BooleanFeature feature, bool defaultValue)
-  {
-    Feature = _featureKeyLookup.GetValueOrDefault(feature.ToString()) ?? feature.ToString();
-    DefaultValue = defaultValue;
-  }
-
-  public FeatureFilterAttribute(BooleanFeature feature, bool isEqualTo, bool defaultValue)
-  {
-    Feature = _featureKeyLookup.GetValueOrDefault(feature.ToString()) ?? feature.ToString();
-    IsEqualTo = isEqualTo;
-    DefaultValue = defaultValue;
-  }
-
-  public FeatureFilterAttribute(StringFeature feature, string isEqualTo, string defaultValue)
-  {
-    Feature = _featureKeyLookup.GetValueOrDefault(feature.ToString()) ?? feature.ToString();
-    IsEqualTo = isEqualTo;
-    DefaultValue = defaultValue;
-  }
-
-  public FeatureFilterAttribute(NumberFeature feature, decimal isEqualTo, decimal defaultValue)
-  {
-    Feature = _featureKeyLookup.GetValueOrDefault(feature.ToString()) ?? feature.ToString();
-    IsEqualTo = isEqualTo;
-    DefaultValue = defaultValue;
-  }
-
-  public FeatureFilterAttribute(CustomCollections isEqualTo, CustomCollections defaultValue)
-  {
-    Feature = \\"custom-collections\\";
-    IsEqualTo = isEqualTo;
-    DefaultValue = defaultValue;
-  }
-
-}
-"
-`;
-
-exports[`code-generator > template: dotnet-api > should produce the expected features files > apps/my-app/Project.FeatureBoard.MyApp.csproj 1`] = `""`;
diff --git a/libs/code-generator/src/lib/__snapshots__/code-generator.spec.ts.snap b/libs/code-generator/src/lib/__snapshots__/code-generator.spec.ts.snap
index 72e1a34f..5da2f112 100644
--- a/libs/code-generator/src/lib/__snapshots__/code-generator.spec.ts.snap
+++ b/libs/code-generator/src/lib/__snapshots__/code-generator.spec.ts.snap
@@ -110,6 +110,38 @@ public class FeatureFilterAttribute : FeatureFilterAttributeBase
 
 exports[`code-generator > template: dotnet-api > should produce the expected features files > apps/my-app/Project.FeatureBoard.MyApp.csproj 1`] = `""`;
 
+exports[`code-generator > template: typescript > should produce the expected features files > apps/my-app/Project.FeatureBoard.MyApp.csproj 1`] = `""`;
+
+exports[`code-generator > template: typescript > should produce the expected features files > apps/my-app/featureboard-features.ts 1`] = `
+"export interface FeatureBoardFeatures {
+
+    // Requires attribution
+    // 
+    'requires-attribution': boolean
+
+    // Allow edits
+    // Allows the user to edit colour, backgrounds
+    'allow-edits': boolean
+
+    // Number custom collections
+    // 
+    'number-custom-collections': number
+
+    // Team management
+    // 
+    'team-management': boolean
+
+    // Custom collections
+    // 
+    'custom-collections': 'Disabled' | 'Enabled' | 'Shared'
+
+    // View subscribers
+    // 
+    'view-subscribers': boolean
+}
+export type FeatureboardFeature = keyof FeatureBoardFeatures"
+`;
+
 exports[`code-generator template: dotnet-api should produce the expected features files: apps/my-app/Features.cs 1`] = `
 "using FeatureBoard.DotnetSdk.Attributes;
 using FeatureBoard.DotnetSdk.Models;
diff --git a/libs/code-generator/src/lib/code-generator.spec.ts b/libs/code-generator/src/lib/code-generator.spec.ts
index 8dd4203a..3cb216bd 100644
--- a/libs/code-generator/src/lib/code-generator.spec.ts
+++ b/libs/code-generator/src/lib/code-generator.spec.ts
@@ -14,54 +14,59 @@ describe('code-generator', () => {
         subFolder: string
     }
     let server: SetupServer
-    describe('template: dotnet-api', () => {
-        beforeAll(() => {
-            server = setupServer(
-                http.get('https://api.featureboard.app/projects', async () => {
+
+    beforeAll(() => {
+        server = setupServer(
+            http.get('https://api.featureboard.app/projects', async () => {
+                const file = await fs.readFile(
+                    path.join(__dirname, './test-data/projects.json'),
+                    {
+                        encoding: 'utf8',
+                    },
+                )
+                return HttpResponse.json(JSON.parse(file))
+            }),
+            http.get(
+                'https://api.featureboard.app/projects/ivu5ntxbxeeorm248jl25bs6/features',
+                async () => {
                     const file = await fs.readFile(
-                        path.join(__dirname, './test-data/projects.json'),
+                        path.join(
+                            __dirname,
+                            './test-data/features-ivu5ntxbxeeorm248jl25bs6.json',
+                        ),
                         {
                             encoding: 'utf8',
                         },
                     )
                     return HttpResponse.json(JSON.parse(file))
-                }),
-                http.get(
-                    'https://api.featureboard.app/projects/ivu5ntxbxeeorm248jl25bs6/features',
-                    async () => {
-                        const file = await fs.readFile(
-                            path.join(
-                                __dirname,
-                                './test-data/features-ivu5ntxbxeeorm248jl25bs6.json',
-                            ),
-                            {
-                                encoding: 'utf8',
-                            },
-                        )
-                        return HttpResponse.json(JSON.parse(file))
-                    },
-                ),
-            )
-            server.listen({ onUnhandledRequest: 'error' })
-        })
+                },
+            ),
+        )
+        server.listen({ onUnhandledRequest: 'error' })
+    })
+
+    beforeEach(async () => {
+        const cwd = process.cwd()
+        tree = new FsTree(cwd, true)
+
+        const subFolder = 'apps/my-app'
+        tree.write(
+            path.join(subFolder, 'Project.FeatureBoard.MyApp.csproj'),
+            '',
+        )
+
+        options = {
+            subFolder: subFolder,
+            template: 'dotnet-api',
+            interactive: false,
+            featureBoardProjectName: 'SaaSy Icons',
+            auth: { featureBoardApiKey: 'This is totally a key' },
+        }
+    })
 
+    describe('template: dotnet-api', () => {
         beforeEach(async () => {
-            const cwd = process.cwd()
-            tree = new FsTree(cwd, true)
-
-            const subFolder = 'apps/my-app'
-            tree.write(
-                path.join(subFolder, 'Project.FeatureBoard.MyApp.csproj'),
-                '',
-            )
-
-            options = {
-                subFolder: subFolder,
-                template: 'dotnet-api',
-                interactive: false,
-                featureBoardProjectName: 'SaaSy Icons',
-                auth: { featureBoardApiKey: 'This is totally a key' },
-            }
+            options.template = 'dotnet-api'
         })
 
         it('should run successfully', async () => {
@@ -88,13 +93,44 @@ describe('code-generator', () => {
                 expect(x.content?.toString('utf-8')).toMatchSnapshot(x.path)
             })
         })
+    })
+
+    describe('template: typescript', () => {
+        beforeEach(async () => {
+            options.template = 'typescript'
+        })
 
-        afterEach(() => {
-            server.resetHandlers()
+        it('should run successfully', async () => {
+            await codeGenerator({
+                tree: tree,
+                relativeFilePath: options.subFolder,
+                ...options,
+            })
         })
 
-        afterAll(() => {
-            server.close()
+        it('should produce the expected features files', async () => {
+            await codeGenerator({
+                tree: tree,
+                relativeFilePath: options.subFolder,
+                ...options,
+            })
+
+            const files = tree
+                .listChanges()
+                .filter((x) => x.path.match(/^apps\/my-app\/.*$/))
+
+            expect(files).toHaveLength(2)
+            files.forEach((x) => {
+                expect(x.content?.toString('utf-8')).toMatchSnapshot(x.path)
+            })
         })
     })
+
+    afterEach(() => {
+        server.resetHandlers()
+    })
+
+    afterAll(() => {
+        server.close()
+    })
 })
diff --git a/libs/code-generator/src/lib/code-generator.ts b/libs/code-generator/src/lib/code-generator.ts
index 0a8eac67..6cb00b55 100644
--- a/libs/code-generator/src/lib/code-generator.ts
+++ b/libs/code-generator/src/lib/code-generator.ts
@@ -3,16 +3,16 @@ import prompts from 'prompts'
 import type { FeatureBoardFeature } from './api/get-project-features'
 import { getProjectFeatures } from './api/get-project-features'
 import { getProjects } from './api/get-projects'
-import type { FeatureBoardAuth } from './queryFeatureBoard'
 import {
     getDotNetNameSpace,
     toDotNetType,
     toPascalCase,
 } from './generators/dotnet-api/functions'
 import { generateFiles } from './generators/dotnet-api/generate-files'
+import type { FeatureBoardAuth } from './queryFeatureBoard'
 import type { Tree } from './tree/tree'
 
-export type Template = 'dotnet-api'
+export type Template = 'dotnet-api' | 'typescript'
 
 export interface CodeGeneratorOptions {
     template: Template
@@ -75,6 +75,7 @@ async function getFeatures({
             x.name.toLowerCase() ===
             featureBoardProjectName?.toLocaleLowerCase(),
     )
+
     if (!project && interactive) {
         if (projectResults.projects.length === 1) {
             project = projectResults.projects[0]
diff --git a/libs/code-generator/src/lib/templates/typescript/featureboard-features.ts.template b/libs/code-generator/src/lib/templates/typescript/featureboard-features.ts.template
new file mode 100644
index 00000000..21aa6dc6
--- /dev/null
+++ b/libs/code-generator/src/lib/templates/typescript/featureboard-features.ts.template
@@ -0,0 +1,16 @@
+export interface FeatureBoardFeatures {<%
+for(let i = 0; i < features.length; i++) {
+    const feature = features[i]
+%>
+
+    // <%=feature.name %>
+    // <%=feature.description %><%
+    if(feature.dataType.kind === 'options') {
+%>
+    '<%= feature.key %>': '<%- feature.dataType.options.join("' | '") %>'<% 
+    } else { %>
+    '<%= feature.key %>': <%= feature.dataType.kind %><% 
+    }
+} %>
+}
+export type FeatureboardFeature = keyof FeatureBoardFeatures
\ No newline at end of file
diff --git a/libs/nx-plugin/src/executors/code-gen/__snapshots__/executor.spec.ts.snap b/libs/nx-plugin/src/executors/code-gen/__snapshots__/executor.spec.ts.snap
index e77d72e5..5f800a07 100644
--- a/libs/nx-plugin/src/executors/code-gen/__snapshots__/executor.spec.ts.snap
+++ b/libs/nx-plugin/src/executors/code-gen/__snapshots__/executor.spec.ts.snap
@@ -124,6 +124,52 @@ exports[`code-Executor > template: dotnet-api > should produce the expected feat
 "
 `;
 
+exports[`code-Executor > template: typescript > should produce the expected features files > apps/my-app/Project.FeatureBoard.MyApp.csproj 1`] = `""`;
+
+exports[`code-Executor > template: typescript > should produce the expected features files > apps/my-app/featureboard-features.ts 1`] = `
+"export interface FeatureBoardFeatures {
+
+    // Requires attribution
+    // 
+    'requires-attribution': boolean
+
+    // Allow edits
+    // Allows the user to edit colour, backgrounds
+    'allow-edits': boolean
+
+    // Number custom collections
+    // 
+    'number-custom-collections': number
+
+    // Team management
+    // 
+    'team-management': boolean
+
+    // Custom collections
+    // 
+    'custom-collections': 'Disabled' | 'Enabled' | 'Shared'
+
+    // View subscribers
+    // 
+    'view-subscribers': boolean
+}
+export type FeatureboardFeature = keyof FeatureBoardFeatures"
+`;
+
+exports[`code-Executor > template: typescript > should produce the expected features files > apps/my-app/project.json 1`] = `
+"{
+  \\"name\\": \\"my-app\\",
+  \\"$schema\\": \\"../../node_modules/nx/schemas/project-schema.json\\",
+  \\"projectType\\": \\"application\\",
+  \\"targets\\": {
+    \\"my-target\\": {
+      \\"executor\\": \\"nx:noop\\"
+    }
+  }
+}
+"
+`;
+
 exports[`code-Executor template: dotnet-api should produce the expected features files: apps/my-app/Features.cs 1`] = `
 "using FeatureBoard.DotnetSdk.Attributes;
 using FeatureBoard.DotnetSdk.Models;
diff --git a/libs/nx-plugin/src/executors/code-gen/executor.spec.ts b/libs/nx-plugin/src/executors/code-gen/executor.spec.ts
index 54bc51dd..d0af179b 100644
--- a/libs/nx-plugin/src/executors/code-gen/executor.spec.ts
+++ b/libs/nx-plugin/src/executors/code-gen/executor.spec.ts
@@ -17,61 +17,63 @@ describe('code-Executor', () => {
     let tree: Tree
     let options: CodeGenExecutorSchema
     let server: SetupServer
-    describe('template: dotnet-api', () => {
-        beforeAll(() => {
-            server = setupServer(
-                http.get('https://api.featureboard.app/projects', async () => {
+
+    beforeAll(() => {
+        server = setupServer(
+            http.get('https://api.featureboard.app/projects', async () => {
+                const file = await fs.readFile(
+                    path.join(__dirname, '../../../test-data/projects.json'),
+                    {
+                        encoding: 'utf8',
+                    },
+                )
+                return HttpResponse.json(JSON.parse(file))
+            }),
+            http.get(
+                'https://api.featureboard.app/projects/ivu5ntxbxeeorm248jl25bs6/features',
+                async () => {
                     const file = await fs.readFile(
                         path.join(
                             __dirname,
-                            '../../../test-data/projects.json',
+                            '../../../test-data/features-ivu5ntxbxeeorm248jl25bs6.json',
                         ),
                         {
                             encoding: 'utf8',
                         },
                     )
                     return HttpResponse.json(JSON.parse(file))
-                }),
-                http.get(
-                    'https://api.featureboard.app/projects/ivu5ntxbxeeorm248jl25bs6/features',
-                    async () => {
-                        const file = await fs.readFile(
-                            path.join(
-                                __dirname,
-                                '../../../test-data/features-ivu5ntxbxeeorm248jl25bs6.json',
-                            ),
-                            {
-                                encoding: 'utf8',
-                            },
-                        )
-                        return HttpResponse.json(JSON.parse(file))
-                    },
-                ),
-            )
-            server.listen({ onUnhandledRequest: 'error' })
+                },
+            ),
+        )
+        server.listen({ onUnhandledRequest: 'error' })
+    })
+
+    beforeEach(async () => {
+        tree = createTreeWithEmptyWorkspace({ layout: 'apps-libs' })
+
+        options = {
+            projectName: 'my-app',
+            subFolder: './',
+            template: 'dotnet-api',
+            featureBoardProjectName: 'SaaSy Icons',
+            featureBoardApiKey: 'This is totally a key',
+        }
+
+        const root = 'apps/my-app'
+        addProjectConfiguration(tree, options.projectName, {
+            root: `apps/${options.projectName}`,
+            projectType: 'application',
+            targets: { 'my-target': { executor: 'nx:noop' } },
         })
+        tree.write(
+            joinPathFragments(root, 'Project.FeatureBoard.MyApp.csproj'),
+            '',
+        )
+    })
 
+    describe('template: dotnet-api', () => {
         beforeEach(async () => {
-            tree = createTreeWithEmptyWorkspace({ layout: 'apps-libs' })
-
-            options = {
-                projectName: 'my-app',
-                subFolder: './',
-                template: 'dotnet-api',
-                featureBoardProjectName: 'SaaSy Icons',
-                featureBoardApiKey: 'This is totally a key',
-            }
-
-            const root = 'apps/my-app'
-            addProjectConfiguration(tree, options.projectName, {
-                root: `apps/${options.projectName}`,
-                projectType: 'application',
-                targets: { 'my-target': { executor: 'nx:noop' } },
-            })
-            tree.write(
-                joinPathFragments(root, 'Project.FeatureBoard.MyApp.csproj'),
-                '',
-            )
+            options.template = 'dotnet-api'
         })
 
         it('should run successfully', async () => {
@@ -96,13 +98,42 @@ describe('code-Executor', () => {
                 expect(x.content?.toString('utf-8')).toMatchSnapshot(x.path)
             })
         })
+    })
+
+    describe('template: typescript', () => {
+        beforeEach(async () => {
+            options.template = 'typescript'
+        })
+
+        it('should run successfully', async () => {
+            let project = readProjectConfiguration(tree, options.projectName)
+            await codeGenExecutor(tree, options)
 
-        afterEach(() => {
-            server.resetHandlers()
+            project = readProjectConfiguration(tree, options.projectName)
+            expect(project).toBeDefined()
         })
 
-        afterAll(() => {
-            server.close()
+        it('should produce the expected features files', async () => {
+            let project = readProjectConfiguration(tree, options.projectName)
+            await codeGenExecutor(tree, options)
+
+            project = readProjectConfiguration(tree, options.projectName)
+            const files = tree
+                .listChanges()
+                .filter((x) => x.path.match(/^apps\/my-app\/.*$/))
+
+            expect(files).toHaveLength(3)
+            files.forEach((x) => {
+                expect(x.content?.toString('utf-8')).toMatchSnapshot(x.path)
+            })
         })
     })
+
+    afterEach(() => {
+        server.resetHandlers()
+    })
+
+    afterAll(() => {
+        server.close()
+    })
 })
diff --git a/libs/nx-plugin/src/generators/code-gen/__snapshots__/generator.spec.ts.snap b/libs/nx-plugin/src/generators/code-gen/__snapshots__/generator.spec.ts.snap
index fd04f6e1..b6c1b2a6 100644
--- a/libs/nx-plugin/src/generators/code-gen/__snapshots__/generator.spec.ts.snap
+++ b/libs/nx-plugin/src/generators/code-gen/__snapshots__/generator.spec.ts.snap
@@ -124,6 +124,52 @@ exports[`code-generator > template: dotnet-api > should produce the expected fea
 "
 `;
 
+exports[`code-generator > template: typescript > should produce the expected features files > apps/my-app/Project.FeatureBoard.MyApp.csproj 1`] = `""`;
+
+exports[`code-generator > template: typescript > should produce the expected features files > apps/my-app/featureboard-features.ts 1`] = `
+"export interface FeatureBoardFeatures {
+
+    // Requires attribution
+    // 
+    'requires-attribution': boolean
+
+    // Allow edits
+    // Allows the user to edit colour, backgrounds
+    'allow-edits': boolean
+
+    // Number custom collections
+    // 
+    'number-custom-collections': number
+
+    // Team management
+    // 
+    'team-management': boolean
+
+    // Custom collections
+    // 
+    'custom-collections': 'Disabled' | 'Enabled' | 'Shared'
+
+    // View subscribers
+    // 
+    'view-subscribers': boolean
+}
+export type FeatureboardFeature = keyof FeatureBoardFeatures"
+`;
+
+exports[`code-generator > template: typescript > should produce the expected features files > apps/my-app/project.json 1`] = `
+"{
+  \\"name\\": \\"my-app\\",
+  \\"$schema\\": \\"../../node_modules/nx/schemas/project-schema.json\\",
+  \\"projectType\\": \\"application\\",
+  \\"targets\\": {
+    \\"my-target\\": {
+      \\"executor\\": \\"nx:noop\\"
+    }
+  }
+}
+"
+`;
+
 exports[`code-generator template: dotnet-api should produce the expected features files: apps/my-app/Features.cs 1`] = `
 "using FeatureBoard.DotnetSdk.Attributes;
 using FeatureBoard.DotnetSdk.Models;
diff --git a/libs/nx-plugin/src/generators/code-gen/generator.spec.ts b/libs/nx-plugin/src/generators/code-gen/generator.spec.ts
index a80f0311..a82b5fbc 100644
--- a/libs/nx-plugin/src/generators/code-gen/generator.spec.ts
+++ b/libs/nx-plugin/src/generators/code-gen/generator.spec.ts
@@ -17,61 +17,63 @@ describe('code-generator', () => {
     let tree: Tree
     let options: CodeGenGeneratorSchema
     let server: SetupServer
-    describe('template: dotnet-api', () => {
-        beforeAll(() => {
-            server = setupServer(
-                http.get('https://api.featureboard.app/projects', async () => {
+
+    beforeAll(() => {
+        server = setupServer(
+            http.get('https://api.featureboard.app/projects', async () => {
+                const file = await fs.readFile(
+                    path.join(__dirname, '../../../test-data/projects.json'),
+                    {
+                        encoding: 'utf8',
+                    },
+                )
+                return HttpResponse.json(JSON.parse(file))
+            }),
+            http.get(
+                'https://api.featureboard.app/projects/ivu5ntxbxeeorm248jl25bs6/features',
+                async () => {
                     const file = await fs.readFile(
                         path.join(
                             __dirname,
-                            '../../../test-data/projects.json',
+                            '../../../test-data/features-ivu5ntxbxeeorm248jl25bs6.json',
                         ),
                         {
                             encoding: 'utf8',
                         },
                     )
                     return HttpResponse.json(JSON.parse(file))
-                }),
-                http.get(
-                    'https://api.featureboard.app/projects/ivu5ntxbxeeorm248jl25bs6/features',
-                    async () => {
-                        const file = await fs.readFile(
-                            path.join(
-                                __dirname,
-                                '../../../test-data/features-ivu5ntxbxeeorm248jl25bs6.json',
-                            ),
-                            {
-                                encoding: 'utf8',
-                            },
-                        )
-                        return HttpResponse.json(JSON.parse(file))
-                    },
-                ),
-            )
-            server.listen({ onUnhandledRequest: 'error' })
+                },
+            ),
+        )
+        server.listen({ onUnhandledRequest: 'error' })
+    })
+
+    beforeEach(async () => {
+        tree = createTreeWithEmptyWorkspace({ layout: 'apps-libs' })
+
+        options = {
+            projectName: 'my-app',
+            subFolder: './',
+            template: 'dotnet-api',
+            featureBoardProjectName: 'SaaSy Icons',
+            featureBoardApiKey: 'This is totally a key',
+        }
+
+        const root = 'apps/my-app'
+        addProjectConfiguration(tree, options.projectName, {
+            root: `apps/${options.projectName}`,
+            projectType: 'application',
+            targets: { 'my-target': { executor: 'nx:noop' } },
         })
+        tree.write(
+            joinPathFragments(root, 'Project.FeatureBoard.MyApp.csproj'),
+            '',
+        )
+    })
 
+    describe('template: dotnet-api', () => {
         beforeEach(async () => {
-            tree = createTreeWithEmptyWorkspace({ layout: 'apps-libs' })
-
-            options = {
-                projectName: 'my-app',
-                subFolder: './',
-                template: 'dotnet-api',
-                featureBoardProjectName: 'SaaSy Icons',
-                featureBoardApiKey: 'This is totally a key',
-            }
-
-            const root = 'apps/my-app'
-            addProjectConfiguration(tree, options.projectName, {
-                root: `apps/${options.projectName}`,
-                projectType: 'application',
-                targets: { 'my-target': { executor: 'nx:noop' } },
-            })
-            tree.write(
-                joinPathFragments(root, 'Project.FeatureBoard.MyApp.csproj'),
-                '',
-            )
+            options.template = 'dotnet-api'
         })
 
         it('should run successfully', async () => {
@@ -96,13 +98,42 @@ describe('code-generator', () => {
                 expect(x.content?.toString('utf-8')).toMatchSnapshot(x.path)
             })
         })
+    })
+
+    describe('template: typescript', () => {
+        beforeEach(async () => {
+            options.template = 'typescript'
+        })
+
+        it('should run successfully', async () => {
+            let project = readProjectConfiguration(tree, options.projectName)
+            await codeGenGenerator(tree, options)
 
-        afterEach(() => {
-            server.resetHandlers()
+            project = readProjectConfiguration(tree, options.projectName)
+            expect(project).toBeDefined()
         })
 
-        afterAll(() => {
-            server.close()
+        it('should produce the expected features files', async () => {
+            let project = readProjectConfiguration(tree, options.projectName)
+            await codeGenGenerator(tree, options)
+
+            project = readProjectConfiguration(tree, options.projectName)
+            const files = tree
+                .listChanges()
+                .filter((x) => x.path.match(/^apps\/my-app\/.*$/))
+
+            expect(files).toHaveLength(3)
+            files.forEach((x) => {
+                expect(x.content?.toString('utf-8')).toMatchSnapshot(x.path)
+            })
         })
     })
+
+    afterEach(() => {
+        server.resetHandlers()
+    })
+
+    afterAll(() => {
+        server.close()
+    })
 })
diff --git a/libs/nx-plugin/src/generators/code-gen/schema.json b/libs/nx-plugin/src/generators/code-gen/schema.json
index b5ad239c..1f0db4d4 100644
--- a/libs/nx-plugin/src/generators/code-gen/schema.json
+++ b/libs/nx-plugin/src/generators/code-gen/schema.json
@@ -15,6 +15,10 @@
                     {
                         "value": "dotnet-api",
                         "label": "DotNet API"
+                    },
+                    {
+                        "value": "typescript",
+                        "label": "Typescript"
                     }
                 ]
             }

From 6c0c3c8e224ef76bb4a6c37b5c77b507140337f0 Mon Sep 17 00:00:00 2001
From: Emlyn Rice <emlyn.rice@arkahna.io>
Date: Fri, 1 Dec 2023 09:46:49 +0800
Subject: [PATCH 2/7] Add project name to features name

---
 apps/cli/src/commands/login.ts                |   4 +-
 .../__snapshots__/code-generator.spec.ts.snap | 114 +---------------
 .../src/lib/api/get-project-features.ts       |   4 +
 libs/code-generator/src/lib/code-generator.ts |  17 ++-
 .../featureboard-features.ts.template         |   4 +-
 .../__snapshots__/executor.spec.ts.snap       | 128 +-----------------
 .../__snapshots__/generator.spec.ts.snap      | 128 +-----------------
 7 files changed, 25 insertions(+), 374 deletions(-)

diff --git a/apps/cli/src/commands/login.ts b/apps/cli/src/commands/login.ts
index 8b09915e..3b552dad 100644
--- a/apps/cli/src/commands/login.ts
+++ b/apps/cli/src/commands/login.ts
@@ -30,7 +30,7 @@ export function loginCommand() {
             !!process.env['CI'],
         )
         .action(
-            actionRunner(async function codeGen(options) {
+            actionRunner(async function login(options) {
                 if (!options.nonInteractive) {
                     console.log(titleText)
                 }
@@ -46,7 +46,7 @@ export function loginCommand() {
                     })
                 })
 
-                server.listen(REDIRECT_PORT, async () => {
+                server.listen(REDIRECT_PORT, 'localhost', async () => {
                     if (options.nonInteractive) {
                         console.log(
                             `Please authenticate at: http://localhost:${REDIRECT_PORT}`,
diff --git a/libs/code-generator/src/lib/__snapshots__/code-generator.spec.ts.snap b/libs/code-generator/src/lib/__snapshots__/code-generator.spec.ts.snap
index 5da2f112..46a8d273 100644
--- a/libs/code-generator/src/lib/__snapshots__/code-generator.spec.ts.snap
+++ b/libs/code-generator/src/lib/__snapshots__/code-generator.spec.ts.snap
@@ -113,7 +113,7 @@ exports[`code-generator > template: dotnet-api > should produce the expected fea
 exports[`code-generator > template: typescript > should produce the expected features files > apps/my-app/Project.FeatureBoard.MyApp.csproj 1`] = `""`;
 
 exports[`code-generator > template: typescript > should produce the expected features files > apps/my-app/featureboard-features.ts 1`] = `
-"export interface FeatureBoardFeatures {
+"export interface SaaSyIconsFeatures {
 
     // Requires attribution
     // 
@@ -139,115 +139,5 @@ exports[`code-generator > template: typescript > should produce the expected fea
     // 
     'view-subscribers': boolean
 }
-export type FeatureboardFeature = keyof FeatureBoardFeatures"
+export type SaaSyIconsFeature = keyof SaaSyIconsFeatures"
 `;
-
-exports[`code-generator template: dotnet-api should produce the expected features files: apps/my-app/Features.cs 1`] = `
-"using FeatureBoard.DotnetSdk.Attributes;
-using FeatureBoard.DotnetSdk.Models;
-using System.Runtime.Serialization;
-
-namespace Project.FeatureBoard.MyApp;
-
-// Features
-public class Features : IFeatures
-{
-  [FeatureKeyName("requires-attribution")]
-  public bool RequiresAttribution { get; set; }
-  [FeatureKeyName("allow-edits")]
-  public bool AllowEdits { get; set; }
-  [FeatureKeyName("number-custom-collections")]
-  public decimal NumberCustomCollections { get; set; }
-  [FeatureKeyName("team-management")]
-  public bool TeamManagement { get; set; }
-  [FeatureKeyName("custom-collections")]
-  public CustomCollections CustomCollections { get; set; }
-  [FeatureKeyName("view-subscribers")]
-  public bool ViewSubscribers { get; set; }
-}
-
-
-// Options Enums
-
-//Custom collections
-public enum CustomCollections
-{
-  [EnumMember(Value = "Disabled")]
-  Disabled,
-  [EnumMember(Value = "Enabled")]
-  Enabled,
-  [EnumMember(Value = "Shared")]
-  Shared,
-}
-
-// Type Enums
-public enum BooleanFeature
-{
-  RequiresAttribution,
-  AllowEdits,
-  TeamManagement,
-  ViewSubscribers,
-}
-public enum NumberFeature
-{
-  NumberCustomCollections,
-}
-public enum StringFeature
-{
-}
-
-// Feature Gate attribute
-[AttributeUsage(AttributeTargets.Class | AttributeTargets.Method, AllowMultiple = true)]
-public class FeatureFilterAttribute : FeatureFilterAttributeBase
-{
-  protected override string Feature { get; }
-  protected override object DefaultValue { get; }
-  protected override object? IsEqualTo { get; }
-  private readonly Dictionary<string, string> _featureKeyLookup = new()
-  {
-    { "RequiresAttribution", "requires-attribution" },
-    { "AllowEdits", "allow-edits" },
-    { "NumberCustomCollections", "number-custom-collections" },
-    { "TeamManagement", "team-management" },
-    { "ViewSubscribers", "view-subscribers" },
-  };
-
-  public FeatureFilterAttribute(BooleanFeature feature, bool defaultValue)
-  {
-    Feature = _featureKeyLookup.GetValueOrDefault(feature.ToString()) ?? feature.ToString();
-    DefaultValue = defaultValue;
-  }
-
-  public FeatureFilterAttribute(BooleanFeature feature, bool isEqualTo, bool defaultValue)
-  {
-    Feature = _featureKeyLookup.GetValueOrDefault(feature.ToString()) ?? feature.ToString();
-    IsEqualTo = isEqualTo;
-    DefaultValue = defaultValue;
-  }
-
-  public FeatureFilterAttribute(StringFeature feature, string isEqualTo, string defaultValue)
-  {
-    Feature = _featureKeyLookup.GetValueOrDefault(feature.ToString()) ?? feature.ToString();
-    IsEqualTo = isEqualTo;
-    DefaultValue = defaultValue;
-  }
-
-  public FeatureFilterAttribute(NumberFeature feature, decimal isEqualTo, decimal defaultValue)
-  {
-    Feature = _featureKeyLookup.GetValueOrDefault(feature.ToString()) ?? feature.ToString();
-    IsEqualTo = isEqualTo;
-    DefaultValue = defaultValue;
-  }
-
-  public FeatureFilterAttribute(CustomCollections isEqualTo, CustomCollections defaultValue)
-  {
-    Feature = "custom-collections";
-    IsEqualTo = isEqualTo;
-    DefaultValue = defaultValue;
-  }
-
-}
-"
-`;
-
-exports[`code-generator template: dotnet-api should produce the expected features files: apps/my-app/Project.FeatureBoard.MyApp.csproj 1`] = `""`;
diff --git a/libs/code-generator/src/lib/api/get-project-features.ts b/libs/code-generator/src/lib/api/get-project-features.ts
index 5f99b480..39ef6fdb 100644
--- a/libs/code-generator/src/lib/api/get-project-features.ts
+++ b/libs/code-generator/src/lib/api/get-project-features.ts
@@ -10,6 +10,10 @@ export async function getProjectFeatures(
     }>(apiEndpoint, `projects/${project.id}/features`, auth)
 }
 
+export interface FeatureBoardProject {
+    id: string
+    name: string
+}
 export interface FeatureBoardFeature {
     name: string
     created: string
diff --git a/libs/code-generator/src/lib/code-generator.ts b/libs/code-generator/src/lib/code-generator.ts
index 6cb00b55..26445192 100644
--- a/libs/code-generator/src/lib/code-generator.ts
+++ b/libs/code-generator/src/lib/code-generator.ts
@@ -1,6 +1,9 @@
 import path from 'node:path'
 import prompts from 'prompts'
-import type { FeatureBoardFeature } from './api/get-project-features'
+import type {
+    FeatureBoardFeature,
+    FeatureBoardProject,
+} from './api/get-project-features'
 import { getProjectFeatures } from './api/get-project-features'
 import { getProjects } from './api/get-projects'
 import {
@@ -29,10 +32,11 @@ export interface CodeGeneratorOptions {
 export async function codeGenerator(
     options: CodeGeneratorOptions,
 ): Promise<void> {
-    const features = await getFeatures(options)
-    if (!features) {
+    const [project, features] = await getFeatures(options)
+    if (!project || !features) {
         return
     }
+    console.log(project)
     const relativeFilePath = options.relativeFilePath
 
     const templateSpecificOptions: any = {}
@@ -52,6 +56,7 @@ export async function codeGenerator(
             toPascalCase,
             toDotNetType,
             ...templateSpecificOptions,
+            project,
             features: features,
         },
     )
@@ -67,7 +72,7 @@ async function getFeatures({
     auth: FeatureBoardAuth
     featureBoardProjectName?: string
     apiEndpoint?: string
-}): Promise<null | FeatureBoardFeature[]> {
+}): Promise<[null | FeatureBoardProject, null | FeatureBoardFeature[]]> {
     const projectResults = await getProjects(apiEndpoint, auth)
 
     let project = projectResults.projects.find(
@@ -96,7 +101,7 @@ async function getFeatures({
             })
 
             if (!promptResult) {
-                return null
+                return [null, null]
             }
 
             project = promptResult.project
@@ -106,5 +111,5 @@ async function getFeatures({
 
     const featuresResult = await getProjectFeatures(apiEndpoint, project, auth)
 
-    return featuresResult.features
+    return [project, featuresResult.features]
 }
diff --git a/libs/code-generator/src/lib/templates/typescript/featureboard-features.ts.template b/libs/code-generator/src/lib/templates/typescript/featureboard-features.ts.template
index 21aa6dc6..c7ba6f6f 100644
--- a/libs/code-generator/src/lib/templates/typescript/featureboard-features.ts.template
+++ b/libs/code-generator/src/lib/templates/typescript/featureboard-features.ts.template
@@ -1,4 +1,4 @@
-export interface FeatureBoardFeatures {<%
+export interface <%= project.name.replaceAll(' ', '') %>Features {<%
 for(let i = 0; i < features.length; i++) {
     const feature = features[i]
 %>
@@ -13,4 +13,4 @@ for(let i = 0; i < features.length; i++) {
     }
 } %>
 }
-export type FeatureboardFeature = keyof FeatureBoardFeatures
\ No newline at end of file
+export type <%= project.name.replaceAll(' ', '') %>Feature = keyof <%= project.name.replaceAll(' ', '') %>Features
\ No newline at end of file
diff --git a/libs/nx-plugin/src/executors/code-gen/__snapshots__/executor.spec.ts.snap b/libs/nx-plugin/src/executors/code-gen/__snapshots__/executor.spec.ts.snap
index 5f800a07..233d0b5f 100644
--- a/libs/nx-plugin/src/executors/code-gen/__snapshots__/executor.spec.ts.snap
+++ b/libs/nx-plugin/src/executors/code-gen/__snapshots__/executor.spec.ts.snap
@@ -127,7 +127,7 @@ exports[`code-Executor > template: dotnet-api > should produce the expected feat
 exports[`code-Executor > template: typescript > should produce the expected features files > apps/my-app/Project.FeatureBoard.MyApp.csproj 1`] = `""`;
 
 exports[`code-Executor > template: typescript > should produce the expected features files > apps/my-app/featureboard-features.ts 1`] = `
-"export interface FeatureBoardFeatures {
+"export interface SaaSyIconsFeatures {
 
     // Requires attribution
     // 
@@ -153,7 +153,7 @@ exports[`code-Executor > template: typescript > should produce the expected feat
     // 
     'view-subscribers': boolean
 }
-export type FeatureboardFeature = keyof FeatureBoardFeatures"
+export type SaaSyIconsFeature = keyof SaaSyIconsFeatures"
 `;
 
 exports[`code-Executor > template: typescript > should produce the expected features files > apps/my-app/project.json 1`] = `
@@ -169,127 +169,3 @@ exports[`code-Executor > template: typescript > should produce the expected feat
 }
 "
 `;
-
-exports[`code-Executor template: dotnet-api should produce the expected features files: apps/my-app/Features.cs 1`] = `
-"using FeatureBoard.DotnetSdk.Attributes;
-using FeatureBoard.DotnetSdk.Models;
-using System.Runtime.Serialization;
-
-namespace Project.FeatureBoard.MyApp;
-
-// Features
-public class Features : IFeatures
-{
-  [FeatureKeyName("requires-attribution")]
-  public bool RequiresAttribution { get; set; }
-  [FeatureKeyName("allow-edits")]
-  public bool AllowEdits { get; set; }
-  [FeatureKeyName("number-custom-collections")]
-  public decimal NumberCustomCollections { get; set; }
-  [FeatureKeyName("team-management")]
-  public bool TeamManagement { get; set; }
-  [FeatureKeyName("custom-collections")]
-  public CustomCollections CustomCollections { get; set; }
-  [FeatureKeyName("view-subscribers")]
-  public bool ViewSubscribers { get; set; }
-}
-
-
-// Options Enums
-
-//Custom collections
-public enum CustomCollections
-{
-  [EnumMember(Value = "Disabled")]
-  Disabled,
-  [EnumMember(Value = "Enabled")]
-  Enabled,
-  [EnumMember(Value = "Shared")]
-  Shared,
-}
-
-// Type Enums
-public enum BooleanFeature
-{
-  RequiresAttribution,
-  AllowEdits,
-  TeamManagement,
-  ViewSubscribers,
-}
-public enum NumberFeature
-{
-  NumberCustomCollections,
-}
-public enum StringFeature
-{
-}
-
-// Feature Gate attribute
-[AttributeUsage(AttributeTargets.Class | AttributeTargets.Method, AllowMultiple = true)]
-public class FeatureFilterAttribute : FeatureFilterAttributeBase
-{
-  protected override string Feature { get; }
-  protected override object DefaultValue { get; }
-  protected override object? IsEqualTo { get; }
-  private readonly Dictionary<string, string> _featureKeyLookup = new()
-  {
-    { "RequiresAttribution", "requires-attribution" },
-    { "AllowEdits", "allow-edits" },
-    { "NumberCustomCollections", "number-custom-collections" },
-    { "TeamManagement", "team-management" },
-    { "ViewSubscribers", "view-subscribers" },
-  };
-
-  public FeatureFilterAttribute(BooleanFeature feature, bool defaultValue)
-  {
-    Feature = _featureKeyLookup.GetValueOrDefault(feature.ToString()) ?? feature.ToString();
-    DefaultValue = defaultValue;
-  }
-
-  public FeatureFilterAttribute(BooleanFeature feature, bool isEqualTo, bool defaultValue)
-  {
-    Feature = _featureKeyLookup.GetValueOrDefault(feature.ToString()) ?? feature.ToString();
-    IsEqualTo = isEqualTo;
-    DefaultValue = defaultValue;
-  }
-
-  public FeatureFilterAttribute(StringFeature feature, string isEqualTo, string defaultValue)
-  {
-    Feature = _featureKeyLookup.GetValueOrDefault(feature.ToString()) ?? feature.ToString();
-    IsEqualTo = isEqualTo;
-    DefaultValue = defaultValue;
-  }
-
-  public FeatureFilterAttribute(NumberFeature feature, decimal isEqualTo, decimal defaultValue)
-  {
-    Feature = _featureKeyLookup.GetValueOrDefault(feature.ToString()) ?? feature.ToString();
-    IsEqualTo = isEqualTo;
-    DefaultValue = defaultValue;
-  }
-
-  public FeatureFilterAttribute(CustomCollections isEqualTo, CustomCollections defaultValue)
-  {
-    Feature = "custom-collections";
-    IsEqualTo = isEqualTo;
-    DefaultValue = defaultValue;
-  }
-
-}
-"
-`;
-
-exports[`code-Executor template: dotnet-api should produce the expected features files: apps/my-app/Project.FeatureBoard.MyApp.csproj 1`] = `""`;
-
-exports[`code-Executor template: dotnet-api should produce the expected features files: apps/my-app/project.json 1`] = `
-"{
-  "name": "my-app",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "projectType": "application",
-  "targets": {
-    "my-target": {
-      "executor": "nx:noop"
-    }
-  }
-}
-"
-`;
diff --git a/libs/nx-plugin/src/generators/code-gen/__snapshots__/generator.spec.ts.snap b/libs/nx-plugin/src/generators/code-gen/__snapshots__/generator.spec.ts.snap
index b6c1b2a6..30122f51 100644
--- a/libs/nx-plugin/src/generators/code-gen/__snapshots__/generator.spec.ts.snap
+++ b/libs/nx-plugin/src/generators/code-gen/__snapshots__/generator.spec.ts.snap
@@ -127,7 +127,7 @@ exports[`code-generator > template: dotnet-api > should produce the expected fea
 exports[`code-generator > template: typescript > should produce the expected features files > apps/my-app/Project.FeatureBoard.MyApp.csproj 1`] = `""`;
 
 exports[`code-generator > template: typescript > should produce the expected features files > apps/my-app/featureboard-features.ts 1`] = `
-"export interface FeatureBoardFeatures {
+"export interface SaaSyIconsFeatures {
 
     // Requires attribution
     // 
@@ -153,7 +153,7 @@ exports[`code-generator > template: typescript > should produce the expected fea
     // 
     'view-subscribers': boolean
 }
-export type FeatureboardFeature = keyof FeatureBoardFeatures"
+export type SaaSyIconsFeature = keyof SaaSyIconsFeatures"
 `;
 
 exports[`code-generator > template: typescript > should produce the expected features files > apps/my-app/project.json 1`] = `
@@ -169,127 +169,3 @@ exports[`code-generator > template: typescript > should produce the expected fea
 }
 "
 `;
-
-exports[`code-generator template: dotnet-api should produce the expected features files: apps/my-app/Features.cs 1`] = `
-"using FeatureBoard.DotnetSdk.Attributes;
-using FeatureBoard.DotnetSdk.Models;
-using System.Runtime.Serialization;
-
-namespace Project.FeatureBoard.MyApp;
-
-// Features
-public class Features : IFeatures
-{
-  [FeatureKeyName("requires-attribution")]
-  public bool RequiresAttribution { get; set; }
-  [FeatureKeyName("allow-edits")]
-  public bool AllowEdits { get; set; }
-  [FeatureKeyName("number-custom-collections")]
-  public decimal NumberCustomCollections { get; set; }
-  [FeatureKeyName("team-management")]
-  public bool TeamManagement { get; set; }
-  [FeatureKeyName("custom-collections")]
-  public CustomCollections CustomCollections { get; set; }
-  [FeatureKeyName("view-subscribers")]
-  public bool ViewSubscribers { get; set; }
-}
-
-
-// Options Enums
-
-//Custom collections
-public enum CustomCollections
-{
-  [EnumMember(Value = "Disabled")]
-  Disabled,
-  [EnumMember(Value = "Enabled")]
-  Enabled,
-  [EnumMember(Value = "Shared")]
-  Shared,
-}
-
-// Type Enums
-public enum BooleanFeature
-{
-  RequiresAttribution,
-  AllowEdits,
-  TeamManagement,
-  ViewSubscribers,
-}
-public enum NumberFeature
-{
-  NumberCustomCollections,
-}
-public enum StringFeature
-{
-}
-
-// Feature Gate attribute
-[AttributeUsage(AttributeTargets.Class | AttributeTargets.Method, AllowMultiple = true)]
-public class FeatureFilterAttribute : FeatureFilterAttributeBase
-{
-  protected override string Feature { get; }
-  protected override object DefaultValue { get; }
-  protected override object? IsEqualTo { get; }
-  private readonly Dictionary<string, string> _featureKeyLookup = new()
-  {
-    { "RequiresAttribution", "requires-attribution" },
-    { "AllowEdits", "allow-edits" },
-    { "NumberCustomCollections", "number-custom-collections" },
-    { "TeamManagement", "team-management" },
-    { "ViewSubscribers", "view-subscribers" },
-  };
-
-  public FeatureFilterAttribute(BooleanFeature feature, bool defaultValue)
-  {
-    Feature = _featureKeyLookup.GetValueOrDefault(feature.ToString()) ?? feature.ToString();
-    DefaultValue = defaultValue;
-  }
-
-  public FeatureFilterAttribute(BooleanFeature feature, bool isEqualTo, bool defaultValue)
-  {
-    Feature = _featureKeyLookup.GetValueOrDefault(feature.ToString()) ?? feature.ToString();
-    IsEqualTo = isEqualTo;
-    DefaultValue = defaultValue;
-  }
-
-  public FeatureFilterAttribute(StringFeature feature, string isEqualTo, string defaultValue)
-  {
-    Feature = _featureKeyLookup.GetValueOrDefault(feature.ToString()) ?? feature.ToString();
-    IsEqualTo = isEqualTo;
-    DefaultValue = defaultValue;
-  }
-
-  public FeatureFilterAttribute(NumberFeature feature, decimal isEqualTo, decimal defaultValue)
-  {
-    Feature = _featureKeyLookup.GetValueOrDefault(feature.ToString()) ?? feature.ToString();
-    IsEqualTo = isEqualTo;
-    DefaultValue = defaultValue;
-  }
-
-  public FeatureFilterAttribute(CustomCollections isEqualTo, CustomCollections defaultValue)
-  {
-    Feature = "custom-collections";
-    IsEqualTo = isEqualTo;
-    DefaultValue = defaultValue;
-  }
-
-}
-"
-`;
-
-exports[`code-generator template: dotnet-api should produce the expected features files: apps/my-app/Project.FeatureBoard.MyApp.csproj 1`] = `""`;
-
-exports[`code-generator template: dotnet-api should produce the expected features files: apps/my-app/project.json 1`] = `
-"{
-  "name": "my-app",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "projectType": "application",
-  "targets": {
-    "my-target": {
-      "executor": "nx:noop"
-    }
-  }
-}
-"
-`;

From 380ef9f42207b548cde6ae22673e9fd3e00a4b93 Mon Sep 17 00:00:00 2001
From: Emlyn Rice <emlyn.rice@arkahna.io>
Date: Fri, 1 Dec 2023 10:09:38 +0800
Subject: [PATCH 3/7] Fix tests

---
 .../__snapshots__/code-generator.spec.ts.snap |  4 ---
 .../src/lib/code-generator.spec.ts            | 16 +++++++---
 libs/code-generator/src/lib/code-generator.ts |  1 -
 .../__snapshots__/generator.spec.ts.snap      | 32 -------------------
 .../src/generators/code-gen/generator.spec.ts | 18 ++++++++---
 5 files changed, 26 insertions(+), 45 deletions(-)

diff --git a/libs/code-generator/src/lib/__snapshots__/code-generator.spec.ts.snap b/libs/code-generator/src/lib/__snapshots__/code-generator.spec.ts.snap
index 46a8d273..facd73e7 100644
--- a/libs/code-generator/src/lib/__snapshots__/code-generator.spec.ts.snap
+++ b/libs/code-generator/src/lib/__snapshots__/code-generator.spec.ts.snap
@@ -108,10 +108,6 @@ public class FeatureFilterAttribute : FeatureFilterAttributeBase
 "
 `;
 
-exports[`code-generator > template: dotnet-api > should produce the expected features files > apps/my-app/Project.FeatureBoard.MyApp.csproj 1`] = `""`;
-
-exports[`code-generator > template: typescript > should produce the expected features files > apps/my-app/Project.FeatureBoard.MyApp.csproj 1`] = `""`;
-
 exports[`code-generator > template: typescript > should produce the expected features files > apps/my-app/featureboard-features.ts 1`] = `
 "export interface SaaSyIconsFeatures {
 
diff --git a/libs/code-generator/src/lib/code-generator.spec.ts b/libs/code-generator/src/lib/code-generator.spec.ts
index 3cb216bd..667bd30b 100644
--- a/libs/code-generator/src/lib/code-generator.spec.ts
+++ b/libs/code-generator/src/lib/code-generator.spec.ts
@@ -86,9 +86,13 @@ describe('code-generator', () => {
 
             const files = tree
                 .listChanges()
-                .filter((x) => x.path.match(/^apps\/my-app\/.*$/))
+                .filter(
+                    (x) =>
+                        x.path.match(/^apps\/my-app\/.*$/) &&
+                        !x.path.endsWith('.csproj'),
+                )
 
-            expect(files).toHaveLength(2)
+            expect(files).toHaveLength(1)
             files.forEach((x) => {
                 expect(x.content?.toString('utf-8')).toMatchSnapshot(x.path)
             })
@@ -117,9 +121,13 @@ describe('code-generator', () => {
 
             const files = tree
                 .listChanges()
-                .filter((x) => x.path.match(/^apps\/my-app\/.*$/))
+                .filter(
+                    (x) =>
+                        x.path.match(/^apps\/my-app\/.*$/) &&
+                        !x.path.endsWith('.csproj'),
+                )
 
-            expect(files).toHaveLength(2)
+            expect(files).toHaveLength(1)
             files.forEach((x) => {
                 expect(x.content?.toString('utf-8')).toMatchSnapshot(x.path)
             })
diff --git a/libs/code-generator/src/lib/code-generator.ts b/libs/code-generator/src/lib/code-generator.ts
index 26445192..7d1d910d 100644
--- a/libs/code-generator/src/lib/code-generator.ts
+++ b/libs/code-generator/src/lib/code-generator.ts
@@ -36,7 +36,6 @@ export async function codeGenerator(
     if (!project || !features) {
         return
     }
-    console.log(project)
     const relativeFilePath = options.relativeFilePath
 
     const templateSpecificOptions: any = {}
diff --git a/libs/nx-plugin/src/generators/code-gen/__snapshots__/generator.spec.ts.snap b/libs/nx-plugin/src/generators/code-gen/__snapshots__/generator.spec.ts.snap
index 30122f51..facd73e7 100644
--- a/libs/nx-plugin/src/generators/code-gen/__snapshots__/generator.spec.ts.snap
+++ b/libs/nx-plugin/src/generators/code-gen/__snapshots__/generator.spec.ts.snap
@@ -108,24 +108,6 @@ public class FeatureFilterAttribute : FeatureFilterAttributeBase
 "
 `;
 
-exports[`code-generator > template: dotnet-api > should produce the expected features files > apps/my-app/Project.FeatureBoard.MyApp.csproj 1`] = `""`;
-
-exports[`code-generator > template: dotnet-api > should produce the expected features files > apps/my-app/project.json 1`] = `
-"{
-  \\"name\\": \\"my-app\\",
-  \\"$schema\\": \\"../../node_modules/nx/schemas/project-schema.json\\",
-  \\"projectType\\": \\"application\\",
-  \\"targets\\": {
-    \\"my-target\\": {
-      \\"executor\\": \\"nx:noop\\"
-    }
-  }
-}
-"
-`;
-
-exports[`code-generator > template: typescript > should produce the expected features files > apps/my-app/Project.FeatureBoard.MyApp.csproj 1`] = `""`;
-
 exports[`code-generator > template: typescript > should produce the expected features files > apps/my-app/featureboard-features.ts 1`] = `
 "export interface SaaSyIconsFeatures {
 
@@ -155,17 +137,3 @@ exports[`code-generator > template: typescript > should produce the expected fea
 }
 export type SaaSyIconsFeature = keyof SaaSyIconsFeatures"
 `;
-
-exports[`code-generator > template: typescript > should produce the expected features files > apps/my-app/project.json 1`] = `
-"{
-  \\"name\\": \\"my-app\\",
-  \\"$schema\\": \\"../../node_modules/nx/schemas/project-schema.json\\",
-  \\"projectType\\": \\"application\\",
-  \\"targets\\": {
-    \\"my-target\\": {
-      \\"executor\\": \\"nx:noop\\"
-    }
-  }
-}
-"
-`;
diff --git a/libs/nx-plugin/src/generators/code-gen/generator.spec.ts b/libs/nx-plugin/src/generators/code-gen/generator.spec.ts
index a82b5fbc..621cd353 100644
--- a/libs/nx-plugin/src/generators/code-gen/generator.spec.ts
+++ b/libs/nx-plugin/src/generators/code-gen/generator.spec.ts
@@ -91,9 +91,14 @@ describe('code-generator', () => {
             project = readProjectConfiguration(tree, options.projectName)
             const files = tree
                 .listChanges()
-                .filter((x) => x.path.match(/^apps\/my-app\/.*$/))
+                .filter(
+                    (x) =>
+                        x.path.match(/^apps\/my-app\/.*$/) &&
+                        !x.path.endsWith('.csproj') &&
+                        !x.path.endsWith('/project.json'),
+                )
 
-            expect(files).toHaveLength(3)
+            expect(files).toHaveLength(1)
             files.forEach((x) => {
                 expect(x.content?.toString('utf-8')).toMatchSnapshot(x.path)
             })
@@ -120,9 +125,14 @@ describe('code-generator', () => {
             project = readProjectConfiguration(tree, options.projectName)
             const files = tree
                 .listChanges()
-                .filter((x) => x.path.match(/^apps\/my-app\/.*$/))
+                .filter(
+                    (x) =>
+                        x.path.match(/^apps\/my-app\/.*$/) &&
+                        !x.path.endsWith('.csproj') &&
+                        !x.path.endsWith('/project.json'),
+                )
 
-            expect(files).toHaveLength(3)
+            expect(files).toHaveLength(1)
             files.forEach((x) => {
                 expect(x.content?.toString('utf-8')).toMatchSnapshot(x.path)
             })

From 4294e93818426b3a9820f176956982538d27c1ff Mon Sep 17 00:00:00 2001
From: Emlyn Rice <emlyn.rice@arkahna.io>
Date: Fri, 1 Dec 2023 13:18:23 +0800
Subject: [PATCH 4/7] Updates as per PR comments

---
 .../__snapshots__/code-generator.spec.ts.snap | 37 +++++++++++++------
 libs/code-generator/src/lib/code-generator.ts | 11 +++---
 .../featureboard-features.ts.template         |  8 +++-
 .../__snapshots__/executor.spec.ts.snap       | 37 +++++++++++++------
 .../__snapshots__/generator.spec.ts.snap      | 37 +++++++++++++------
 5 files changed, 87 insertions(+), 43 deletions(-)

diff --git a/libs/code-generator/src/lib/__snapshots__/code-generator.spec.ts.snap b/libs/code-generator/src/lib/__snapshots__/code-generator.spec.ts.snap
index facd73e7..3357806f 100644
--- a/libs/code-generator/src/lib/__snapshots__/code-generator.spec.ts.snap
+++ b/libs/code-generator/src/lib/__snapshots__/code-generator.spec.ts.snap
@@ -111,29 +111,42 @@ public class FeatureFilterAttribute : FeatureFilterAttributeBase
 exports[`code-generator > template: typescript > should produce the expected features files > apps/my-app/featureboard-features.ts 1`] = `
 "export interface SaaSyIconsFeatures {
 
-    // Requires attribution
-    // 
+    /**
+    * Requires attribution
+    * @description 
+    */
     'requires-attribution': boolean
 
-    // Allow edits
-    // Allows the user to edit colour, backgrounds
+    /**
+    * Allow edits
+    * @description Allows the user to edit colour, backgrounds
+    */
     'allow-edits': boolean
 
-    // Number custom collections
-    // 
+    /**
+    * Number custom collections
+    * @description 
+    */
     'number-custom-collections': number
 
-    // Team management
-    // 
+    /**
+    * Team management
+    * @description 
+    */
     'team-management': boolean
 
-    // Custom collections
-    // 
+    /**
+    * Custom collections
+    * @description 
+    */
     'custom-collections': 'Disabled' | 'Enabled' | 'Shared'
 
-    // View subscribers
-    // 
+    /**
+    * View subscribers
+    * @description 
+    */
     'view-subscribers': boolean
 }
+
 export type SaaSyIconsFeature = keyof SaaSyIconsFeatures"
 `;
diff --git a/libs/code-generator/src/lib/code-generator.ts b/libs/code-generator/src/lib/code-generator.ts
index 7d1d910d..8e6bb17d 100644
--- a/libs/code-generator/src/lib/code-generator.ts
+++ b/libs/code-generator/src/lib/code-generator.ts
@@ -32,10 +32,11 @@ export interface CodeGeneratorOptions {
 export async function codeGenerator(
     options: CodeGeneratorOptions,
 ): Promise<void> {
-    const [project, features] = await getFeatures(options)
-    if (!project || !features) {
+    const config = await getConfig(options)
+    if (!config) {
         return
     }
+    const [project, features] = config
     const relativeFilePath = options.relativeFilePath
 
     const templateSpecificOptions: any = {}
@@ -61,7 +62,7 @@ export async function codeGenerator(
     )
 }
 
-async function getFeatures({
+async function getConfig({
     featureBoardProjectName,
     auth,
     interactive,
@@ -71,7 +72,7 @@ async function getFeatures({
     auth: FeatureBoardAuth
     featureBoardProjectName?: string
     apiEndpoint?: string
-}): Promise<[null | FeatureBoardProject, null | FeatureBoardFeature[]]> {
+}): Promise<null | [FeatureBoardProject, FeatureBoardFeature[]]> {
     const projectResults = await getProjects(apiEndpoint, auth)
 
     let project = projectResults.projects.find(
@@ -100,7 +101,7 @@ async function getFeatures({
             })
 
             if (!promptResult) {
-                return [null, null]
+                return null
             }
 
             project = promptResult.project
diff --git a/libs/code-generator/src/lib/templates/typescript/featureboard-features.ts.template b/libs/code-generator/src/lib/templates/typescript/featureboard-features.ts.template
index c7ba6f6f..e56f71dd 100644
--- a/libs/code-generator/src/lib/templates/typescript/featureboard-features.ts.template
+++ b/libs/code-generator/src/lib/templates/typescript/featureboard-features.ts.template
@@ -3,8 +3,11 @@ for(let i = 0; i < features.length; i++) {
     const feature = features[i]
 %>
 
-    // <%=feature.name %>
-    // <%=feature.description %><%
+    /**
+    * <%=feature.name %><%
+    if(feature.description) %>
+    * @description <%-feature.description %>
+    */<%
     if(feature.dataType.kind === 'options') {
 %>
     '<%= feature.key %>': '<%- feature.dataType.options.join("' | '") %>'<% 
@@ -13,4 +16,5 @@ for(let i = 0; i < features.length; i++) {
     }
 } %>
 }
+
 export type <%= project.name.replaceAll(' ', '') %>Feature = keyof <%= project.name.replaceAll(' ', '') %>Features
\ No newline at end of file
diff --git a/libs/nx-plugin/src/executors/code-gen/__snapshots__/executor.spec.ts.snap b/libs/nx-plugin/src/executors/code-gen/__snapshots__/executor.spec.ts.snap
index 233d0b5f..fe71a214 100644
--- a/libs/nx-plugin/src/executors/code-gen/__snapshots__/executor.spec.ts.snap
+++ b/libs/nx-plugin/src/executors/code-gen/__snapshots__/executor.spec.ts.snap
@@ -129,30 +129,43 @@ exports[`code-Executor > template: typescript > should produce the expected feat
 exports[`code-Executor > template: typescript > should produce the expected features files > apps/my-app/featureboard-features.ts 1`] = `
 "export interface SaaSyIconsFeatures {
 
-    // Requires attribution
-    // 
+    /**
+    * Requires attribution
+    * @description 
+    */
     'requires-attribution': boolean
 
-    // Allow edits
-    // Allows the user to edit colour, backgrounds
+    /**
+    * Allow edits
+    * @description Allows the user to edit colour, backgrounds
+    */
     'allow-edits': boolean
 
-    // Number custom collections
-    // 
+    /**
+    * Number custom collections
+    * @description 
+    */
     'number-custom-collections': number
 
-    // Team management
-    // 
+    /**
+    * Team management
+    * @description 
+    */
     'team-management': boolean
 
-    // Custom collections
-    // 
+    /**
+    * Custom collections
+    * @description 
+    */
     'custom-collections': 'Disabled' | 'Enabled' | 'Shared'
 
-    // View subscribers
-    // 
+    /**
+    * View subscribers
+    * @description 
+    */
     'view-subscribers': boolean
 }
+
 export type SaaSyIconsFeature = keyof SaaSyIconsFeatures"
 `;
 
diff --git a/libs/nx-plugin/src/generators/code-gen/__snapshots__/generator.spec.ts.snap b/libs/nx-plugin/src/generators/code-gen/__snapshots__/generator.spec.ts.snap
index facd73e7..3357806f 100644
--- a/libs/nx-plugin/src/generators/code-gen/__snapshots__/generator.spec.ts.snap
+++ b/libs/nx-plugin/src/generators/code-gen/__snapshots__/generator.spec.ts.snap
@@ -111,29 +111,42 @@ public class FeatureFilterAttribute : FeatureFilterAttributeBase
 exports[`code-generator > template: typescript > should produce the expected features files > apps/my-app/featureboard-features.ts 1`] = `
 "export interface SaaSyIconsFeatures {
 
-    // Requires attribution
-    // 
+    /**
+    * Requires attribution
+    * @description 
+    */
     'requires-attribution': boolean
 
-    // Allow edits
-    // Allows the user to edit colour, backgrounds
+    /**
+    * Allow edits
+    * @description Allows the user to edit colour, backgrounds
+    */
     'allow-edits': boolean
 
-    // Number custom collections
-    // 
+    /**
+    * Number custom collections
+    * @description 
+    */
     'number-custom-collections': number
 
-    // Team management
-    // 
+    /**
+    * Team management
+    * @description 
+    */
     'team-management': boolean
 
-    // Custom collections
-    // 
+    /**
+    * Custom collections
+    * @description 
+    */
     'custom-collections': 'Disabled' | 'Enabled' | 'Shared'
 
-    // View subscribers
-    // 
+    /**
+    * View subscribers
+    * @description 
+    */
     'view-subscribers': boolean
 }
+
 export type SaaSyIconsFeature = keyof SaaSyIconsFeatures"
 `;

From 9e22fb19f6f831bf19f73823b37a112fe995a67a Mon Sep 17 00:00:00 2001
From: Emlyn Rice <emlyn.rice@arkahna.io>
Date: Fri, 1 Dec 2023 14:01:55 +0800
Subject: [PATCH 5/7] Add changeset

---
 .changeset/smooth-bananas-joke.md | 5 +++++
 libs/code-generator/project.json  | 2 +-
 libs/nx-plugin/project.json       | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/smooth-bananas-joke.md

diff --git a/.changeset/smooth-bananas-joke.md b/.changeset/smooth-bananas-joke.md
new file mode 100644
index 00000000..8e57ce32
--- /dev/null
+++ b/.changeset/smooth-bananas-joke.md
@@ -0,0 +1,5 @@
+---
+'@featureboard/code-generator': minor
+---
+
+Add typescript code generator template
diff --git a/libs/code-generator/project.json b/libs/code-generator/project.json
index 26f53100..6953ef5b 100644
--- a/libs/code-generator/project.json
+++ b/libs/code-generator/project.json
@@ -26,7 +26,7 @@
             "executor": "@nx/vite:test",
             "outputs": ["{options.reportsDirectory}"],
             "options": {
-                "passWithNoTests": true,
+                "passWithNoTests": false,
                 "reportsDirectory": "../../coverage/libs/code-generator"
             }
         }
diff --git a/libs/nx-plugin/project.json b/libs/nx-plugin/project.json
index 36ae952f..ece3ef63 100644
--- a/libs/nx-plugin/project.json
+++ b/libs/nx-plugin/project.json
@@ -34,7 +34,7 @@
             "executor": "@nx/vite:test",
             "outputs": ["{options.reportsDirectory}"],
             "options": {
-                "passWithNoTests": true,
+                "passWithNoTests": false,
                 "reportsDirectory": "../../coverage/libs/nx-plugin"
             }
         }

From a067b0a9846fea9b4d59a2d6ebe8db04bc7c0fc5 Mon Sep 17 00:00:00 2001
From: Emlyn Rice <emlyn.rice@arkahna.io>
Date: Fri, 1 Dec 2023 14:48:55 +0800
Subject: [PATCH 6/7] Update file names

---
 .../src/lib/__snapshots__/code-generator.spec.ts.snap | 11 +++++++++--
 ...oard-features.ts.template => features.ts.template} |  7 +++++++
 .../code-gen/__snapshots__/executor.spec.ts.snap      | 11 +++++++++--
 .../code-gen/__snapshots__/generator.spec.ts.snap     | 11 +++++++++--
 4 files changed, 34 insertions(+), 6 deletions(-)
 rename libs/code-generator/src/lib/templates/typescript/{featureboard-features.ts.template => features.ts.template} (72%)

diff --git a/libs/code-generator/src/lib/__snapshots__/code-generator.spec.ts.snap b/libs/code-generator/src/lib/__snapshots__/code-generator.spec.ts.snap
index 3357806f..6cb0cc1a 100644
--- a/libs/code-generator/src/lib/__snapshots__/code-generator.spec.ts.snap
+++ b/libs/code-generator/src/lib/__snapshots__/code-generator.spec.ts.snap
@@ -108,8 +108,10 @@ public class FeatureFilterAttribute : FeatureFilterAttributeBase
 "
 `;
 
-exports[`code-generator > template: typescript > should produce the expected features files > apps/my-app/featureboard-features.ts 1`] = `
-"export interface SaaSyIconsFeatures {
+exports[`code-generator > template: typescript > should produce the expected features files > apps/my-app/features.ts 1`] = `
+"import '@featureboard/js-sdk'
+
+export interface SaaSyIconsFeatures {
 
     /**
     * Requires attribution
@@ -148,5 +150,10 @@ exports[`code-generator > template: typescript > should produce the expected fea
     'view-subscribers': boolean
 }
 
+declare module '@featureboard/js-sdk' {
+    // eslint-disable-next-line @typescript-eslint/no-empty-interface
+    interface Features extends SaaSyIconsFeatures {}
+}
+
 export type SaaSyIconsFeature = keyof SaaSyIconsFeatures"
 `;
diff --git a/libs/code-generator/src/lib/templates/typescript/featureboard-features.ts.template b/libs/code-generator/src/lib/templates/typescript/features.ts.template
similarity index 72%
rename from libs/code-generator/src/lib/templates/typescript/featureboard-features.ts.template
rename to libs/code-generator/src/lib/templates/typescript/features.ts.template
index e56f71dd..0d9832f5 100644
--- a/libs/code-generator/src/lib/templates/typescript/featureboard-features.ts.template
+++ b/libs/code-generator/src/lib/templates/typescript/features.ts.template
@@ -1,3 +1,5 @@
+import '@featureboard/js-sdk'
+
 export interface <%= project.name.replaceAll(' ', '') %>Features {<%
 for(let i = 0; i < features.length; i++) {
     const feature = features[i]
@@ -17,4 +19,9 @@ for(let i = 0; i < features.length; i++) {
 } %>
 }
 
+declare module '@featureboard/js-sdk' {
+    // eslint-disable-next-line @typescript-eslint/no-empty-interface
+    interface Features extends <%= project.name.replaceAll(' ', '') %>Features {}
+}
+
 export type <%= project.name.replaceAll(' ', '') %>Feature = keyof <%= project.name.replaceAll(' ', '') %>Features
\ No newline at end of file
diff --git a/libs/nx-plugin/src/executors/code-gen/__snapshots__/executor.spec.ts.snap b/libs/nx-plugin/src/executors/code-gen/__snapshots__/executor.spec.ts.snap
index fe71a214..bcbc75de 100644
--- a/libs/nx-plugin/src/executors/code-gen/__snapshots__/executor.spec.ts.snap
+++ b/libs/nx-plugin/src/executors/code-gen/__snapshots__/executor.spec.ts.snap
@@ -126,8 +126,10 @@ exports[`code-Executor > template: dotnet-api > should produce the expected feat
 
 exports[`code-Executor > template: typescript > should produce the expected features files > apps/my-app/Project.FeatureBoard.MyApp.csproj 1`] = `""`;
 
-exports[`code-Executor > template: typescript > should produce the expected features files > apps/my-app/featureboard-features.ts 1`] = `
-"export interface SaaSyIconsFeatures {
+exports[`code-Executor > template: typescript > should produce the expected features files > apps/my-app/features.ts 1`] = `
+"import '@featureboard/js-sdk'
+
+export interface SaaSyIconsFeatures {
 
     /**
     * Requires attribution
@@ -166,6 +168,11 @@ exports[`code-Executor > template: typescript > should produce the expected feat
     'view-subscribers': boolean
 }
 
+declare module '@featureboard/js-sdk' {
+    // eslint-disable-next-line @typescript-eslint/no-empty-interface
+    interface Features extends SaaSyIconsFeatures {}
+}
+
 export type SaaSyIconsFeature = keyof SaaSyIconsFeatures"
 `;
 
diff --git a/libs/nx-plugin/src/generators/code-gen/__snapshots__/generator.spec.ts.snap b/libs/nx-plugin/src/generators/code-gen/__snapshots__/generator.spec.ts.snap
index 3357806f..6cb0cc1a 100644
--- a/libs/nx-plugin/src/generators/code-gen/__snapshots__/generator.spec.ts.snap
+++ b/libs/nx-plugin/src/generators/code-gen/__snapshots__/generator.spec.ts.snap
@@ -108,8 +108,10 @@ public class FeatureFilterAttribute : FeatureFilterAttributeBase
 "
 `;
 
-exports[`code-generator > template: typescript > should produce the expected features files > apps/my-app/featureboard-features.ts 1`] = `
-"export interface SaaSyIconsFeatures {
+exports[`code-generator > template: typescript > should produce the expected features files > apps/my-app/features.ts 1`] = `
+"import '@featureboard/js-sdk'
+
+export interface SaaSyIconsFeatures {
 
     /**
     * Requires attribution
@@ -148,5 +150,10 @@ exports[`code-generator > template: typescript > should produce the expected fea
     'view-subscribers': boolean
 }
 
+declare module '@featureboard/js-sdk' {
+    // eslint-disable-next-line @typescript-eslint/no-empty-interface
+    interface Features extends SaaSyIconsFeatures {}
+}
+
 export type SaaSyIconsFeature = keyof SaaSyIconsFeatures"
 `;

From 1f3807db5e9ecc25dd0a8c012e1f4d37dcf682df Mon Sep 17 00:00:00 2001
From: Emlyn Rice <emlyn.rice@arkahna.io>
Date: Fri, 1 Dec 2023 14:56:35 +0800
Subject: [PATCH 7/7] Try adding js snap file

---
 .../__snapshots__/code-generator.spec.js.snap | 159 ++++++++++++++++++
 1 file changed, 159 insertions(+)
 create mode 100644 libs/code-generator/src/lib/__snapshots__/code-generator.spec.js.snap

diff --git a/libs/code-generator/src/lib/__snapshots__/code-generator.spec.js.snap b/libs/code-generator/src/lib/__snapshots__/code-generator.spec.js.snap
new file mode 100644
index 00000000..6cb0cc1a
--- /dev/null
+++ b/libs/code-generator/src/lib/__snapshots__/code-generator.spec.js.snap
@@ -0,0 +1,159 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`code-generator > template: dotnet-api > should produce the expected features files > apps/my-app/Features.cs 1`] = `
+"using FeatureBoard.DotnetSdk.Attributes;
+using FeatureBoard.DotnetSdk.Models;
+using System.Runtime.Serialization;
+
+namespace Project.FeatureBoard.MyApp;
+
+// Features
+public class Features : IFeatures
+{
+  [FeatureKeyName(\\"requires-attribution\\")]
+  public bool RequiresAttribution { get; set; }
+  [FeatureKeyName(\\"allow-edits\\")]
+  public bool AllowEdits { get; set; }
+  [FeatureKeyName(\\"number-custom-collections\\")]
+  public decimal NumberCustomCollections { get; set; }
+  [FeatureKeyName(\\"team-management\\")]
+  public bool TeamManagement { get; set; }
+  [FeatureKeyName(\\"custom-collections\\")]
+  public CustomCollections CustomCollections { get; set; }
+  [FeatureKeyName(\\"view-subscribers\\")]
+  public bool ViewSubscribers { get; set; }
+}
+
+
+// Options Enums
+
+//Custom collections
+public enum CustomCollections
+{
+  [EnumMember(Value = \\"Disabled\\")]
+  Disabled,
+  [EnumMember(Value = \\"Enabled\\")]
+  Enabled,
+  [EnumMember(Value = \\"Shared\\")]
+  Shared,
+}
+
+// Type Enums
+public enum BooleanFeature
+{
+  RequiresAttribution,
+  AllowEdits,
+  TeamManagement,
+  ViewSubscribers,
+}
+public enum NumberFeature
+{
+  NumberCustomCollections,
+}
+public enum StringFeature
+{
+}
+
+// Feature Gate attribute
+[AttributeUsage(AttributeTargets.Class | AttributeTargets.Method, AllowMultiple = true)]
+public class FeatureFilterAttribute : FeatureFilterAttributeBase
+{
+  protected override string Feature { get; }
+  protected override object DefaultValue { get; }
+  protected override object? IsEqualTo { get; }
+  private readonly Dictionary<string, string> _featureKeyLookup = new()
+  {
+    { \\"RequiresAttribution\\", \\"requires-attribution\\" },
+    { \\"AllowEdits\\", \\"allow-edits\\" },
+    { \\"NumberCustomCollections\\", \\"number-custom-collections\\" },
+    { \\"TeamManagement\\", \\"team-management\\" },
+    { \\"ViewSubscribers\\", \\"view-subscribers\\" },
+  };
+
+  public FeatureFilterAttribute(BooleanFeature feature, bool defaultValue)
+  {
+    Feature = _featureKeyLookup.GetValueOrDefault(feature.ToString()) ?? feature.ToString();
+    DefaultValue = defaultValue;
+  }
+
+  public FeatureFilterAttribute(BooleanFeature feature, bool isEqualTo, bool defaultValue)
+  {
+    Feature = _featureKeyLookup.GetValueOrDefault(feature.ToString()) ?? feature.ToString();
+    IsEqualTo = isEqualTo;
+    DefaultValue = defaultValue;
+  }
+
+  public FeatureFilterAttribute(StringFeature feature, string isEqualTo, string defaultValue)
+  {
+    Feature = _featureKeyLookup.GetValueOrDefault(feature.ToString()) ?? feature.ToString();
+    IsEqualTo = isEqualTo;
+    DefaultValue = defaultValue;
+  }
+
+  public FeatureFilterAttribute(NumberFeature feature, decimal isEqualTo, decimal defaultValue)
+  {
+    Feature = _featureKeyLookup.GetValueOrDefault(feature.ToString()) ?? feature.ToString();
+    IsEqualTo = isEqualTo;
+    DefaultValue = defaultValue;
+  }
+
+  public FeatureFilterAttribute(CustomCollections isEqualTo, CustomCollections defaultValue)
+  {
+    Feature = \\"custom-collections\\";
+    IsEqualTo = isEqualTo;
+    DefaultValue = defaultValue;
+  }
+
+}
+"
+`;
+
+exports[`code-generator > template: typescript > should produce the expected features files > apps/my-app/features.ts 1`] = `
+"import '@featureboard/js-sdk'
+
+export interface SaaSyIconsFeatures {
+
+    /**
+    * Requires attribution
+    * @description 
+    */
+    'requires-attribution': boolean
+
+    /**
+    * Allow edits
+    * @description Allows the user to edit colour, backgrounds
+    */
+    'allow-edits': boolean
+
+    /**
+    * Number custom collections
+    * @description 
+    */
+    'number-custom-collections': number
+
+    /**
+    * Team management
+    * @description 
+    */
+    'team-management': boolean
+
+    /**
+    * Custom collections
+    * @description 
+    */
+    'custom-collections': 'Disabled' | 'Enabled' | 'Shared'
+
+    /**
+    * View subscribers
+    * @description 
+    */
+    'view-subscribers': boolean
+}
+
+declare module '@featureboard/js-sdk' {
+    // eslint-disable-next-line @typescript-eslint/no-empty-interface
+    interface Features extends SaaSyIconsFeatures {}
+}
+
+export type SaaSyIconsFeature = keyof SaaSyIconsFeatures"
+`;