(#538) Update chocolateyfest.com UI

.yarnrc.yml

@@ -1,11 +1,18 @@
+approvedGitRepositories:
+  - "**"
+
 checksumBehavior: update
 
+enableScripts: true
+
 nodeLinker: node-modules
 
+npmMinimalAgeGate: 0
+
 npmRegistryServer: "https://registry.npmjs.org"
 
 npmScopes:
   chocolatey-software:
     npmRegistryServer: "https://registry.npmjs.org"
 
-yarnPath: .yarn/releases/yarn-4.13.0.cjs
+yarnPath: .yarn/releases/yarn-4.15.0.cjs

build/build-assets.ts

@@ -17,7 +17,6 @@ const packageNamesRequestedConfigs = getPackageNamesRequested([
     'core',
     'design',
     'feed-tools',
-    'fest',
     'org',
     'playwright',
     'test-tools',

package.json

@@ -1,6 +1,6 @@
 {
     "name": "choco-theme",
-    "packageManager": "yarn@4.13.0",
+    "packageManager": "yarn@4.15.0",
     "private": true,
     "license": "Apache-2.0",
     "repository": {

packages/build-tools/build/data/repository-config.ts

@@ -128,7 +128,7 @@ export const repositoryConfig: Record<string, RepositoryConfig> = {
         name: 'docs'
     },
     fest: {
-        ...defaultRepositoryConfig,
+        ...astroRepositoryConfig,
         name: 'fest'
     },
     org: {

packages/build-tools/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chocolatey-software/build-tools",
-    "version": "2.8.0",
+    "version": "2.10.0",
     "description": "Chocolatey Software build tools.",
     "author": "Chocolatey Software (https://chocolatey.org/)",
     "homepage": "https://github.com/chocolatey/choco-theme/blob/main/packages/build-tools#readme",

packages/fest/dist/configs/eslint.config.mjs

@@ -0,0 +1,126 @@
+import js from '@eslint/js';
+import globals from 'globals';
+import playwright from 'eslint-plugin-playwright';
+import tseslint from 'typescript-eslint';
+import tsParser from '@typescript-eslint/parser';
+import stylistic from '@stylistic/eslint-plugin';
+import { defineConfig, globalIgnores } from 'eslint/config';
+
+const varsIgnorePattern = 'Alert|Button|Carousel|Collapse|Dropdown|Modal|Offcanvas|Tab';
+const commonRules = {
+    // Stylistic rules from @stylistic
+    '@stylistic/indent': ['error', 4, { SwitchCase: 1 }],
+    '@stylistic/semi': ['error', 'always'],
+    '@stylistic/quotes': ['error', 'single'],
+    '@stylistic/one-var-declaration-per-line': ['error', 'always'],
+    '@stylistic/arrow-parens': ['error', 'as-needed'],
+    '@stylistic/member-delimiter-style': ['error', {
+        multiline: { delimiter: 'semi', requireLast: true },
+        singleline: { delimiter: 'semi', requireLast: true },
+    }],
+
+    // Best-practice and logic rules (not stylistic)
+    'func-style': ['error', 'expression'],
+    'no-var': 'error',
+    'object-shorthand': ['error', 'consistent-as-needed'],
+    'one-var': ['error', 'never'],
+    'prefer-template': 'error',
+    'prefer-arrow-callback': ['error'],
+    'eqeqeq': 'off',
+};
+
+export default defineConfig([
+    // Ignore patterns
+    globalIgnores([
+        'js/src/lib/*',
+        'src/js/lib/*',
+        'src/scripts/lib/*',
+        '**/dist/*',
+        '**/node_modules/*',
+        '**/*.min.js',
+        '.astro/*',
+        'packages/**/dist/scripts/*',
+        'packages/**/src/scripts/lib/*',
+        'public/scripts/*',
+        'temp/*',
+    ]),
+
+    // JS files only
+    {
+        files: ['**/*.{js,mjs,cjs}'],
+        plugins: {
+            js: js,
+            '@stylistic': stylistic,
+        },
+        extends: [
+            'js/recommended'
+        ],
+        rules: {
+            ...commonRules,
+
+            // JS-specific rules
+            'no-unused-vars': ['error', {
+                varsIgnorePattern
+            }],
+        }
+    },
+
+    // TS files only
+    {
+        files: ['**/*.ts'],
+        plugins: {
+            js: js,
+            '@typescript-eslint': tseslint.plugin,
+            '@stylistic': stylistic,
+        },
+        languageOptions: {
+            parser: tsParser,
+            parserOptions: {
+                project: './tsconfig.json',
+                tsconfigRootDir: import.meta.dirname
+            },
+        },
+        extends: [
+            ...tseslint.configs.stylistic,
+            ...tseslint.configs.recommended,
+            tseslint.configs.eslintRecommended,
+        ],
+        rules: {
+            ...commonRules,
+
+            // TS-specific rules
+            '@typescript-eslint/no-floating-promises': 'error',
+            'no-unused-vars': 'off',
+            '@typescript-eslint/no-unused-vars': ['error', {
+                varsIgnorePattern
+            }]
+        }
+    },
+
+    // Shared globals for all JS/TS files
+    {
+        files: ['**/*.{js,mjs,cjs,ts}'],
+        languageOptions: {
+            globals: {
+                ...globals.browser,
+                ...globals.node,
+                Prism: 'readonly',
+                bootstrap: 'readonly'
+            }
+        }
+    },
+
+    // Playwright-specific config
+    {
+        ...playwright.configs['flat/recommended'],
+        files: ['playwright/**/*.ts', 'packages/playwright/**/*.ts'],
+        rules: {
+            ...playwright.configs['flat/recommended'].rules,
+            'playwright/expect-expect': 'off',
+            'playwright/no-conditional-expect': 'off',
+            'playwright/no-conditional-in-test': 'off',
+            'playwright/no-wait-for-timeout': 'off',
+            'playwright/prefer-locator': 'off'
+        }
+    }
+]);

packages/fest/dist/partials/_SocialMedia.cshtml → packages/fest/dist/partials/SocialMedia.astro

@@ -56,7 +56,7 @@
         </a>
     </li>
     <li class="list-inline-item">
-        <a href="https://fosstodon.org/@@chocolatey" class="link-underline-none" target="_blank" rel="me" aria-label="Connect with Chocolatey on Mastodon" title="Connect with Chocolatey on Mastodon">
+        <a href="https://fosstodon.org/@chocolatey" class="link-underline-none" target="_blank" rel="me" aria-label="Connect with Chocolatey on Mastodon" title="Connect with Chocolatey on Mastodon">
             <div class="text-bg-mastodon circle" aria-hidden="true">
                 <i class="fa-brands fa-mastodon"></i>
             </div>

packages/fest/dist/scripts/fest.js

@@ -194,6 +194,28 @@
   };
   customElements.define("lite-youtube", LiteYTEmbed);
 
+  // packages/core/src/scripts/util/outer-height-true.js
+  var outerHeightTrue = (el) => {
+    const rect = el.getBoundingClientRect();
+    return rect.height;
+  };
+
+  // src/scripts/get-window-height.js
+  var getWindowHeight = () => {
+    var _a, _b;
+    const vh = window.innerHeight * 0.01;
+    (_a = document.querySelector("html")) == null ? void 0 : _a.style.setProperty("--vh", `${vh}px`);
+    const header = document.querySelector("header");
+    const footer = document.querySelector("footer");
+    if (!header || !footer) {
+      return;
+    }
+    const mh = window.innerHeight - outerHeightTrue(header) - outerHeightTrue(footer);
+    (_b = document.querySelector("main")) == null ? void 0 : _b.style.setProperty("--mh", `${mh}px`);
+  };
+  getWindowHeight();
+  window.onresize = getWindowHeight;
+
   // packages/core/src/scripts/util/set-cookie-expiration-never.js
   var setCookieExpirationNever = () => {
     const d = /* @__PURE__ */ new Date();

packages/fest/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chocolatey-software/fest",
-    "version": "2.9.1",
+    "version": "2.10.0",
     "description": "Chocolatey Software theme assets for use on chocolateyfest.com.",
     "author": "Chocolatey Software (https://chocolatey.org/)",
     "homepage": "https://github.com/chocolatey/choco-theme/blob/main/packages/fest#readme",

src/scripts/packages/fest/fest.js

@@ -1,4 +1,5 @@
 import 'lite-youtube-embed';
+import '@choco-theme/get-window-height.js';
 import '@choco-theme/alerts.js';
 import '@choco-theme/callouts.js';
 import '@choco-theme/lazyload.js';

yarn.lock

@@ -2,7 +2,7 @@
 # Manual changes might be lost - proceed with caution!
 
 __metadata:
-  version: 8
+  version: 10
   cacheKey: 10c0
 
 "@antfu/install-pkg@npm:^1.1.0":