Automatic code example dependencies

blackbaud · Jan 25, 2024 · 7612fd3 · 7612fd3
1 parent 30c1c5f
commit 7612fd3
Show file tree

Hide file tree

Showing 13 changed files with 18,191 additions and 10,926 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -14,43 +14,43 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "16.2.5",
-    "@angular/cdk": "16.2.4",
-    "@angular/common": "16.2.5",
-    "@angular/compiler": "16.2.5",
-    "@angular/core": "16.2.5",
-    "@angular/forms": "16.2.5",
-    "@angular/platform-browser": "16.2.5",
-    "@angular/platform-browser-dynamic": "16.2.5",
-    "@angular/router": "16.2.5",
+    "@angular/animations": "16.2.12",
+    "@angular/cdk": "16.2.13",
+    "@angular/common": "16.2.12",
+    "@angular/compiler": "16.2.12",
+    "@angular/core": "16.2.12",
+    "@angular/forms": "16.2.12",
+    "@angular/platform-browser": "16.2.12",
+    "@angular/platform-browser-dynamic": "16.2.12",
+    "@angular/router": "16.2.12",
     "@blackbaud/auth-client": "2.71.0",
     "@blackbaud/skyux-lib-clipboard": "9.0.0",
     "@blackbaud/skyux-lib-code-block": "9.0.0",
     "@blackbaud/skyux-lib-media": "9.0.0",
     "@blackbaud/skyux-lib-stache": "9.0.0",
-    "@skyux/animations": "9.2.1",
-    "@skyux/assets": "9.2.1",
-    "@skyux/avatar": "9.2.1",
-    "@skyux/colorpicker": "9.2.1",
-    "@skyux/config": "9.2.1",
-    "@skyux/core": "9.2.1",
-    "@skyux/datetime": "9.2.1",
-    "@skyux/errors": "9.2.1",
-    "@skyux/forms": "9.2.1",
-    "@skyux/http": "9.2.1",
-    "@skyux/icons": "6.3.0",
-    "@skyux/i18n": "9.2.1",
-    "@skyux/indicators": "9.2.1",
-    "@skyux/inline-form": "9.2.1",
-    "@skyux/layout": "9.2.1",
-    "@skyux/lists": "9.2.1",
-    "@skyux/lookup": "9.2.1",
-    "@skyux/modals": "9.2.1",
-    "@skyux/packages": "9.2.1",
-    "@skyux/popovers": "9.2.1",
-    "@skyux/router": "9.2.1",
-    "@skyux/tabs": "9.2.1",
-    "@skyux/theme": "9.2.1",
+    "@skyux/animations": "9.21.3",
+    "@skyux/assets": "9.21.3",
+    "@skyux/avatar": "9.21.3",
+    "@skyux/colorpicker": "9.21.3",
+    "@skyux/config": "9.21.3",
+    "@skyux/core": "9.21.3",
+    "@skyux/datetime": "9.21.3",
+    "@skyux/errors": "9.21.3",
+    "@skyux/forms": "9.21.3",
+    "@skyux/http": "9.21.3",
+    "@skyux/icons": "6.8.1",
+    "@skyux/i18n": "9.21.3",
+    "@skyux/indicators": "9.21.3",
+    "@skyux/inline-form": "9.21.3",
+    "@skyux/layout": "9.21.3",
+    "@skyux/lists": "9.21.3",
+    "@skyux/lookup": "9.21.3",
+    "@skyux/modals": "9.21.3",
+    "@skyux/packages": "9.21.3",
+    "@skyux/popovers": "9.21.3",
+    "@skyux/router": "9.21.3",
+    "@skyux/tabs": "9.21.3",
+    "@skyux/theme": "9.21.3",
     "@stackblitz/sdk": "1.9.0",
     "fs-extra": "11.1.1",
     "lodash.orderby": "4.6.0",
@@ -66,11 +66,11 @@
     "@angular-eslint/eslint-plugin": "16.1.2",
     "@angular-eslint/eslint-plugin-template": "16.1.2",
     "@angular-eslint/schematics": "16.1.2",
-    "@angular-eslint/template-parser": "16.1.2",
-    "@angular/cli": "16.2.2",
-    "@angular/compiler-cli": "16.2.5",
-    "@skyux-sdk/prettier-schematics": "9.2.1",
-    "@skyux-sdk/testing": "9.2.1",
+    "@angular-eslint/template-parser": "16.3.1",
+    "@angular/cli": "16.2.12",
+    "@angular/compiler-cli": "16.2.12",
+    "@skyux-sdk/prettier-schematics": "9.21.3",
+    "@skyux-sdk/testing": "9.21.3",
     "@types/jasmine": "4.3.6",
     "@types/lodash.orderby": "4.6.6",
     "@types/marked": "4.0.3",
@@ -91,4 +91,4 @@
     "ts-node": "10.9.1",
     "typescript": "5.1.6"
   }
-}
+}
diff --git a/projects/docs-tools-showcase/src/app/home/home.component.html b/projects/docs-tools-showcase/src/app/home/home.component.html
@@ -103,24 +103,72 @@
 
   <sky-docs-code-examples
     [packageDependencies]="{
-      '@skyux/datetime': '*',
-      moment: '2.29.4'
+      '@skyux/inline-form': '*',
     }"
   >
     <sky-docs-code-example
       heading="Datepicker"
       sourceCodePath="/projects/datetime/documentation/code-examples/datepicker/basic/"
-    >
-    </sky-docs-code-example>
+    />
     <sky-docs-code-example
       heading="Datepicker with custom dates"
       sourceCodePath="/projects/datetime/documentation/code-examples/datepicker/custom-dates/"
-    >
-    </sky-docs-code-example>
+    />
     <sky-docs-code-example
-      heading="Fuzzy datepicker"
-      sourceCodePath="/projects/datetime/documentation/code-examples/datepicker/fuzzy/"
-    >
-    </sky-docs-code-example>
+      heading="autocomplete/advanced"
+      sourceCodePath="/projects/lookup/documentation/code-examples/autocomplete/advanced"
+    />
+    <sky-docs-code-example
+      heading="autocomplete/basic"
+      sourceCodePath="/projects/lookup/documentation/code-examples/autocomplete/basic"
+    />
+    <sky-docs-code-example
+      heading="autocomplete/custom-search"
+      sourceCodePath="/projects/lookup/documentation/code-examples/autocomplete/custom-search"
+    />
+    <sky-docs-code-example
+      heading="autocomplete/search-filters"
+      sourceCodePath="/projects/lookup/documentation/code-examples/autocomplete/search-filters"
+    />
+    <sky-docs-code-example
+      heading="country-field/basic"
+      sourceCodePath="/projects/lookup/documentation/code-examples/country-field/basic"
+    />
+    <sky-docs-code-example
+      heading="lookup/add-item"
+      sourceCodePath="/projects/lookup/documentation/code-examples/lookup/add-item"
+    />
+    <sky-docs-code-example
+      heading="lookup/async"
+      sourceCodePath="/projects/lookup/documentation/code-examples/lookup/async"
+    />
+    <sky-docs-code-example
+      heading="lookup/custom-picker"
+      sourceCodePath="/projects/lookup/documentation/code-examples/lookup/custom-picker"
+    />
+    <sky-docs-code-example
+      heading="lookup/multi-select"
+      sourceCodePath="/projects/lookup/documentation/code-examples/lookup/multi-select"
+    />
+    <sky-docs-code-example
+      heading="lookup/result-templates"
+      sourceCodePath="/projects/lookup/documentation/code-examples/lookup/result-templates"
+    />
+    <sky-docs-code-example
+      heading="lookup/single-select"
+      sourceCodePath="/projects/lookup/documentation/code-examples/lookup/single-select"
+    />
+    <sky-docs-code-example
+      heading="search/basic"
+      sourceCodePath="/projects/lookup/documentation/code-examples/search/basic"
+    />
+    <sky-docs-code-example
+      heading="selection-modal/add-item"
+      sourceCodePath="/projects/lookup/documentation/code-examples/selection-modal/add-item"
+    />
+    <sky-docs-code-example
+      heading="selection-modal/basic"
+      sourceCodePath="/projects/lookup/documentation/code-examples/selection-modal/basic"
+    />
   </sky-docs-code-examples>
 </sky-docs-demo-page>
diff --git a/projects/docs-tools-showcase/src/app/home/home.module.ts b/projects/docs-tools-showcase/src/app/home/home.module.ts
@@ -41,6 +41,7 @@ import { SkyInputBoxModule } from '@skyux/forms';
       provide: SkyDocsSourceCodeProvider,
       useValue: {
         sourceCode: documentationJson.codeExamples,
+        dependencies: documentationJson.codeExampleDependencies,
       },
     },
     {