@hortonstudio/main 1.2.11 → 1.2.13

package/attributes-master/packages/attributes/tests/mirrorclick.spec.ts

@@ -1,22 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import { waitAttributeLoaded } from './utils';
-
-test.beforeEach(async ({ page }) => {
-  await page.goto('http://fs-attributes.webflow.io/mirrorclick');
-});
-
-test.describe('mirrorclick', () => {
-  test('Button mirrors clicks on slider', async ({ page }) => {
-    await waitAttributeLoaded(page, 'mirrorclick');
-
-    const dots = page.locator('[data-testid="slider"] .w-slider-dot');
-
-    await expect(dots.first()).toHaveClass(/w-active/);
-
-    const richArrorMirrorButton = page.locator('[fs-mirrorclick-element="trigger-2"]');
-    await richArrorMirrorButton.click();
-
-    await expect(dots.nth(1)).toHaveClass(/w-active/);
-  });
-});

package/attributes-master/packages/attributes/tests/mirrorinput.spec.ts

@@ -1,37 +0,0 @@
-import { expect, type Page, test } from '@playwright/test';
-
-import { waitAttributeLoaded } from './utils';
-
-test.beforeEach(async ({ page }) => {
-  await page.goto('http://fs-attributes.webflow.io/mirrorinput');
-});
-
-const getTriggerLocators = (page: Page) =>
-  [1, 2, 3, 4, 5].map((id) => page.locator(`[fs-mirrorinput-element="trigger-${id}"]`));
-
-const getTargetLocators = (page: Page) =>
-  [1, 2, 3, 4, 5].map((id) => page.locator(`[fs-mirrorinput-element="target-${id}"]`));
-
-test.describe('mirrorinput', () => {
-  test("Mirrors each trigger's input", async ({ page }) => {
-    await waitAttributeLoaded(page, 'mirrorinput');
-
-    const [trigger1, trigger2, trigger3, trigger4, trigger5] = getTriggerLocators(page);
-    const [target1, target2, target3, target4, target5] = getTargetLocators(page);
-
-    await trigger1.type('trigger 1');
-    await expect(target1).toHaveValue('trigger 1');
-
-    await trigger2.type('trigger 2');
-    await expect(target2).toHaveValue('trigger 2');
-
-    await trigger3.selectOption('First');
-    await expect(target3).toHaveValue('First');
-
-    await trigger4.check({ force: true });
-    await expect(target4).toBeChecked();
-
-    await trigger5.first().check({ force: true });
-    await expect(target5.first()).toBeChecked();
-  });
-});

package/attributes-master/packages/attributes/tests/modal.spec.ts

@@ -1,34 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import { waitAttributeLoaded } from './utils';
-
-test.beforeEach(async ({ page }) => {
-  await page.goto('http://fs-attributes.webflow.io/modal');
-});
-
-test.describe('modal', () => {
-  test('Modal opens + settings work', async ({ page }) => {
-    await waitAttributeLoaded(page, 'modal');
-
-    const modal1 = page.locator('[fs-modal-element="modal-1"]');
-    const modal5 = page.locator('[fs-modal-element="modal-5"]');
-    const openTrigger1 = page.locator('[fs-modal-element="open-1"]');
-    const openTrigger5 = page.locator('[fs-modal-element="open-5"]');
-    const closeTrigger1 = page.locator('[fs-modal-element="close-1"]');
-
-    // Opens
-    await openTrigger1.first().click();
-    await page.waitForTimeout(300);
-    await expect(modal1).toHaveCSS('display', 'flex');
-
-    // Closes
-    await closeTrigger1.nth(1).click({ force: true });
-    await page.waitForTimeout(300);
-    await expect(modal1).toHaveCSS('display', 'none');
-
-    // Opens with custom display property
-    await openTrigger5.first().click();
-    await page.waitForTimeout(300);
-    await expect(modal5).toHaveCSS('display', 'block');
-  });
-});

package/attributes-master/packages/attributes/tests/numbercount.spec.ts

@@ -1,40 +0,0 @@
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
-import { expect, test } from '@playwright/test';
-
-import { waitAttributeLoaded } from './utils';
-
-test.beforeEach(async ({ page }) => {
-  await page.goto('http://fs-attributes.webflow.io/numbercount');
-});
-
-test.describe('Animates the numbers', () => {
-  test('Picks the end value and duration and animates it', async ({ page }) => {
-    await waitAttributeLoaded(page, 'numbercount');
-
-    const numberElement = page.getByTestId('number-1');
-    const rawEnd = (await numberElement.getAttribute('fs-numbercount-end'))!;
-    const rawDuration = await numberElement.getAttribute('fs-numbercount-duration');
-
-    const duration = Number(rawDuration);
-
-    await page.waitForTimeout(duration);
-
-    await expect(numberElement).toHaveText(rawEnd);
-  });
-
-  test('Formats numbers using a locale', async ({ page }) => {
-    await waitAttributeLoaded(page, 'numbercount');
-
-    const numberElement = page.getByTestId('number-2');
-    const rawEnd = (await numberElement.getAttribute('fs-numbercount-end'))!;
-    const rawDuration = await numberElement.getAttribute('fs-numbercount-duration');
-    const locale = (await numberElement.getAttribute('fs-numbercount-locale'))!;
-
-    const duration = Number(rawDuration);
-    const end = Number(rawEnd);
-
-    await page.waitForTimeout(duration);
-
-    await expect(numberElement).toHaveText(end.toLocaleString(locale));
-  });
-});

package/attributes-master/packages/attributes/tests/readtime.spec.ts

@@ -1,19 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import { waitAttributeLoaded } from './utils';
-
-test.beforeEach(async ({ page }) => {
-  await page.goto('http://fs-attributes.webflow.io/readtime');
-});
-
-test.describe('readtime', () => {
-  test('Displays the read time', async ({ page }) => {
-    await waitAttributeLoaded(page, 'readtime');
-
-    const timeElement = page.locator('[fs-readtime-element="time"]');
-    await expect(timeElement).toHaveText('4.2');
-
-    const timeElement2 = page.locator('[fs-readtime-element="time-2"]');
-    await expect(timeElement2).toHaveText('1.0');
-  });
-});

package/attributes-master/packages/attributes/tests/selectcustom.spec.ts

@@ -1,51 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import { waitAttributeLoaded } from './utils';
-
-test.beforeEach(async ({ page }) => {
-  await page.goto('http://fs-attributes.webflow.io/selectcustom');
-  // eslint-disable-next-line no-console
-  page.on('console', (msg) => console.log('PAGE LOG:', msg.text()));
-});
-
-test.describe('selectcustom', () => {
-  test('selectcustom initializes properly', async ({ page }) => {
-    await waitAttributeLoaded(page, 'selectcustom');
-
-    const selectcustomDropdown = page.locator('[fs-selectcustom-element="dropdown"]');
-    const selectcustomClearSelection = page.locator('[fs-selectcustom-element="clear"]');
-    const selectcustomClearSelectionFallback = page.locator('[fs-selectcustom-element="option-reset"]');
-    const selectcustomLabel = page.locator('[fs-selectcustom-element="label"]');
-
-    // selectcustom element to exist
-    await expect(selectcustomDropdown).toHaveCount(1);
-    // selectcustom element to be visible
-    await expect(selectcustomDropdown).toBeVisible();
-    // label to exist
-    await expect(selectcustomLabel).toHaveCount(1);
-
-    // clear selection button count default
-    const countDefault = await selectcustomClearSelection.count();
-    if (countDefault > 0) {
-      // clear selection button to be exist
-      await expect(selectcustomClearSelection).toHaveCount(1);
-
-      return;
-    }
-
-    // clear selection button count fallback
-    const countFallback = await selectcustomClearSelectionFallback.count();
-    if (countFallback > 0) {
-      // clear selection button fallback to exist
-      await expect(selectcustomClearSelectionFallback).toHaveCount(1);
-
-      return;
-    }
-
-    // a way to fail the test if both if checks failed
-    const eitherExists = countDefault > 0 || countFallback > 0;
-
-    // this should fail in the end since above if checks failed.
-    expect(eitherExists).toBeTruthy();
-  });
-});

package/attributes-master/packages/attributes/tests/socialshare.spec.ts

@@ -1,54 +0,0 @@
-import { test } from '@playwright/test';
-
-import { waitAttributeLoaded } from './utils';
-
-test.beforeEach(async ({ page }) => {
-  await page.goto('https://fs-attributes.webflow.io/socialshare');
-});
-
-test.describe('socialshare', () => {
-  test('Triggers share correctly', async ({ page, context }) => {
-    await waitAttributeLoaded(page, 'socialshare');
-
-    const facebook1 = page.getByTestId('facebook-1');
-    const x1 = page.getByTestId('x-1');
-    const linkedin1 = page.getByTestId('linkedin-1');
-    const pinterest1 = page.getByTestId('pinterest-1');
-    const telegram1 = page.getByTestId('telegram-1');
-    const reddit1 = page.getByTestId('reddit-1');
-    const x = page.getByTestId('x').first();
-    const pinterest = page.getByTestId('pinterest').first();
-
-    await facebook1.click();
-    await page.context().waitForEvent('page', (p) => p.url().includes('facebook'));
-    await context.pages()[1].close();
-
-    await x1.click();
-    await page.context().waitForEvent('page', (p) => p.url().includes('x'));
-    await context.pages()[1].close();
-
-    await linkedin1.click();
-    await page.context().waitForEvent('page', (p) => p.url().includes('linkedin'));
-    await context.pages()[1].close();
-
-    await pinterest1.click();
-    await page.context().waitForEvent('page', (p) => p.url().includes('pinterest'));
-    await context.pages()[1].close();
-
-    await telegram1.click();
-    await page.context().waitForEvent('page', (p) => p.url().includes('t.me'));
-    await context.pages()[1].close();
-
-    await reddit1.click();
-    await page.context().waitForEvent('page', (p) => p.url().includes('reddit'));
-    await context.pages()[1].close();
-
-    await x.click();
-    await page.context().waitForEvent('page', (p) => p.url().includes('x'));
-    await context.pages()[1].close();
-
-    await pinterest.click();
-    await page.context().waitForEvent('page', (p) => p.url().includes('pinterest'));
-    await context.pages()[1].close();
-  });
-});

package/attributes-master/packages/attributes/tests/starrating.spec.ts

@@ -1,79 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import { waitAttributeLoaded } from './utils';
-
-test.beforeEach(async ({ page }) => {
-  await page.goto('http://fs-attributes.webflow.io/starrating');
-});
-
-test.describe('starrating', () => {
-  test('Adds the correct active classes', async ({ page }) => {
-    await waitAttributeLoaded(page, 'starrating');
-
-    const DEFAULT_ACTIVE_CLASS_REGEX = /is-active-starrating/;
-
-    const star11 = page.getByTestId('star-1-1');
-    const star12 = page.getByTestId('star-1-2');
-    const star13 = page.getByTestId('star-1-3');
-
-    const radio11 = page.getByTestId('radio-1-1');
-    const radio12 = page.getByTestId('radio-1-2');
-    const radio13 = page.getByTestId('radio-1-3');
-
-    const star21 = page.getByTestId('star-2-1');
-    const star25 = page.getByTestId('star-2-5');
-    const star34 = page.getByTestId('star-3-4');
-
-    // Default checked
-    await expect(star34).toHaveClass(DEFAULT_ACTIVE_CLASS_REGEX);
-
-    // Hovering
-    await expect(star11).not.toHaveClass(DEFAULT_ACTIVE_CLASS_REGEX);
-    await expect(star12).not.toHaveClass(DEFAULT_ACTIVE_CLASS_REGEX);
-    await expect(star13).not.toHaveClass(DEFAULT_ACTIVE_CLASS_REGEX);
-
-    await star11.hover();
-    await expect(star11).toHaveClass(DEFAULT_ACTIVE_CLASS_REGEX);
-    await expect(star12).not.toHaveClass(DEFAULT_ACTIVE_CLASS_REGEX);
-    await expect(star13).not.toHaveClass(DEFAULT_ACTIVE_CLASS_REGEX);
-
-    await star12.hover();
-    await expect(star11).toHaveClass(DEFAULT_ACTIVE_CLASS_REGEX);
-    await expect(star12).toHaveClass(DEFAULT_ACTIVE_CLASS_REGEX);
-    await expect(star13).not.toHaveClass(DEFAULT_ACTIVE_CLASS_REGEX);
-
-    await star13.hover();
-    await expect(star11).toHaveClass(DEFAULT_ACTIVE_CLASS_REGEX);
-    await expect(star12).toHaveClass(DEFAULT_ACTIVE_CLASS_REGEX);
-    await expect(star13).toHaveClass(DEFAULT_ACTIVE_CLASS_REGEX);
-
-    // Selecting and hovering lower
-    await star13.click();
-    await star11.hover();
-
-    await expect(star11).toHaveClass(DEFAULT_ACTIVE_CLASS_REGEX);
-    await expect(star12).toHaveClass(DEFAULT_ACTIVE_CLASS_REGEX);
-    await expect(star13).toHaveClass(DEFAULT_ACTIVE_CLASS_REGEX);
-
-    // Custom classes
-    await star25.hover();
-    await expect(star21).toHaveClass(/is-cool/);
-    await expect(star25).toHaveClass(/is-super-cool/);
-
-    // Keyboard inputs
-    await radio11.check({ force: true });
-    await expect(star11).toHaveClass(DEFAULT_ACTIVE_CLASS_REGEX);
-    await expect(star12).not.toHaveClass(DEFAULT_ACTIVE_CLASS_REGEX);
-    await expect(star13).not.toHaveClass(DEFAULT_ACTIVE_CLASS_REGEX);
-
-    await radio12.check({ force: true });
-    await expect(star11).toHaveClass(DEFAULT_ACTIVE_CLASS_REGEX);
-    await expect(star12).toHaveClass(DEFAULT_ACTIVE_CLASS_REGEX);
-    await expect(star13).not.toHaveClass(DEFAULT_ACTIVE_CLASS_REGEX);
-
-    await radio13.check({ force: true });
-    await expect(star11).toHaveClass(DEFAULT_ACTIVE_CLASS_REGEX);
-    await expect(star12).toHaveClass(DEFAULT_ACTIVE_CLASS_REGEX);
-    await expect(star13).toHaveClass(DEFAULT_ACTIVE_CLASS_REGEX);
-  });
-});

package/attributes-master/packages/attributes/tests/toc.spec.ts

@@ -1,38 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-import { waitAttributeLoaded } from './utils';
-
-test.beforeEach(async ({ page }) => {
-  await page.goto('http://fs-attributes.webflow.io/toc');
-});
-
-test.describe('toc', () => {
-  test('Creates the TOC correctly', async ({ page }) => {
-    await waitAttributeLoaded(page, 'toc');
-
-    const tocWrapper1 = page.getByTestId('toc-wrapper-1');
-    const contents1 = page.getByTestId('contents-1');
-
-    const h2ID = '#the-best-part-about-h2-elements';
-    const h23ID = '#h3-is-one-number-lower-than-h2-2';
-    const h235ID = '#im-an-incorrectly-placed-h5';
-
-    // Splits the contents correctly and adds an ID to each section
-    const h2Wrapper = contents1.locator(h2ID);
-    const h23Wrapper = h2Wrapper.locator(h23ID);
-    const h235Wrapper = h2Wrapper.locator(h235ID);
-
-    await expect(h2Wrapper).toBeVisible();
-    await expect(h23Wrapper).toBeVisible();
-    await expect(h235Wrapper).toBeVisible();
-
-    // Populates the TOC links and adds the IDs to them
-    const h2Link = tocWrapper1.locator(`[href="${h2ID}"]`);
-    const h23Link = tocWrapper1.locator(`[href="${h23ID}"]`);
-    const h235Link = tocWrapper1.locator(`[href="${h235ID}"]`);
-
-    await expect(h2Link).toBeVisible();
-    await expect(h23Link).toBeVisible();
-    await expect(h235Link).toBeVisible();
-  });
-});

package/attributes-master/packages/attributes/tests/utils/index.ts

@@ -1,16 +0,0 @@
-import type { FinsweetAttributeKey } from '@finsweet/attributes-utils';
-import type { Page } from '@playwright/test';
-
-/**
- * Wait for the attribute to be loaded in the current test page.
- * @param page
- * @param attributeKey
- */
-export const waitAttributeLoaded = async (page: Page, attributeKey: FinsweetAttributeKey) => {
-  return page.evaluate<Promise<unknown>, FinsweetAttributeKey>(async (attributeKey) => {
-    return new Promise((r) => {
-      window.FinsweetAttributes = window.FinsweetAttributes || [];
-      window.FinsweetAttributes.push([attributeKey, r]);
-    });
-  }, attributeKey);
-};

package/attributes-master/packages/attributes/tsconfig.json

@@ -1,6 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "types": ["@types/node"]
-  }
-}

package/attributes-master/packages/autovideo/CHANGELOG.md

@@ -1,182 +0,0 @@
-# @finsweet/attributes-autovideo
-
-## 2.0.7
-
-### Patch Changes
-
-- Updated dependencies [2af0bad]
-  - @finsweet/attributes-utils@0.1.0
-
-## 2.0.6
-
-### Patch Changes
-
-- Updated dependencies [378d74d]
-  - @finsweet/attributes-utils@0.0.6
-
-## 2.0.5
-
-### Patch Changes
-
-- Updated dependencies [01973d8]
-  - @finsweet/attributes-utils@0.0.5
-
-## 2.0.4
-
-### Patch Changes
-
-- Updated dependencies [deef758]
-  - @finsweet/attributes-utils@0.0.4
-
-## 2.0.3
-
-### Patch Changes
-
-- Updated dependencies [d21cbca]
-  - @finsweet/attributes-utils@0.0.3
-
-## 2.0.2
-
-### Patch Changes
-
-- c7b544d: chore: updated dependencies
-- Updated dependencies [c7b544d]
-  - @finsweet/attributes-utils@0.0.2
-
-## 2.0.1
-
-### Patch Changes
-
-- b56e5e5: rename fsAttribute in places of usage to finsweetAttribute
-- Updated dependencies [b56e5e5]
-  - @finsweet/attributes-utils@0.0.1
-
-## 2.0.0
-
-### Major Changes
-
-- 688d6ae: autovideo: prepared for v2 release
-
-## 1.5.0
-
-### Minor Changes
-
-- e4b3b680: Created new `window.fsAttributes.destroy()` method to support SPA environments.
-  This new method allows users to destroy all Attributes instances, cleaning up event listeners, observers, states, global variables, etc.
-
-  Websites that use a client-side router that simulates an SPA environment like [barba.js](https://barba.js.org/) or [Swup](https://swup.js.org/) can now properly init and destroy Attributes.
-  After destroying, Attributes can be manually re-initted by calling `window.fsAttribute[ATTRIBUTE_KEY].init()`.
-
-  Updated changesets system, now all updates will be correctly reflected in [the official updates page](https://www.finsweet.com/attributes/updates).
-
-## 1.4.1
-
-### Patch Changes
-
-- Updated dependencies [4792998a]
-  - @global/constants@1.2.0
-  - @global/factory@1.1.5
-
-## 1.4.0
-
-### Minor Changes
-
-- 07f32375: Created `fs-cmsattribute` Attribute
-
-### Patch Changes
-
-- Updated dependencies [07f32375]
-  - @global/constants@1.1.0
-  - @global/factory@1.1.4
-
-## 1.3.4
-
-### Patch Changes
-
-- Updated dependencies [7542dcdb]
-  - @global/constants@1.0.2
-  - @global/factory@1.1.3
-
-## 1.3.3
-
-### Patch Changes
-
-- Updated dependencies [bdd1a78]
-  - @global/constants@1.0.1
-  - @global/factory@1.1.2
-
-## 1.3.2
-
-### Patch Changes
-
-- Updated dependencies [13c3e23]
-  - @global/factory@1.1.1
-
-## 1.3.1
-
-### Patch Changes
-
-- Updated dependencies [627bf25]
-  - @global/factory@1.1.0
-
-## 1.3.0
-
-### Minor Changes
-
-- Added support wizard
-
-## 1.2.2
-
-### Patch Changes
-
-- Published new `schema.json`.
-
-## 1.2.1
-
-### Patch Changes
-
-- Small init fix.
-
-## 1.2.0
-
-### Minor Changes
-
-Included a new `window.fsAttributes.push()` method in the developer API that provides a standarized way to safely access any Attribute internals once it has fully loaded.
-It can be used like:
-
-```html
-<script>
-  window.fsAttributes = window.fsAttributes || [];
-  window.fsAttributes.push([
-    'autovideo',
-    (videosState) => {
-      console.log('Attribute has successfully loaded!');
-      console.log(videosState);
-    },
-  ]);
-</script>
-```
-
-## 1.1.0
-
-### Minor Changes
-
-- Created `changesets.json` API.
-
-## 1.0.2
-
-### Patch Changes
-
-- Fixed `examples.json` not being available on NPM.
-
-## 1.0.1
-
-### Patch Changes
-
-- Published to NPM.
-
-## 1.0.0
-
-### Major Changes
-
-- Created the package.

package/attributes-master/packages/autovideo/README.md

@@ -1,31 +0,0 @@
-# `autovideo` Attribute
-
-Auto-play videos only in viewport.
-
-## Getting Started
-
-Please follow the documentation at [finsweet.com/attributes](https://www.finsweet.com/attributes) to learn how to use Attributes in your Webflow projects.
-
-## Accessing the API
-
-To learn how to access the API, please check the general [API Reference](../attributes/README.md#api-reference) documentation:
-
-```javascript
-window.FinsweetAttributes ||= [];
-window.FinsweetAttributes.push([
-  'autovideo',
-  (videoStore) => {
-    // Your code goes here.
-  },
-]);
-```
-
-The `result` object contains the [VideoStore](#the-videostore-object) instance.
-
-## The VideoStore object
-
-Work in progress 🚧
-
-## License
-
-[Apache 2.0](../../LICENSE.md)

package/attributes-master/packages/autovideo/package.json

@@ -1,22 +0,0 @@
-{
-  "name": "@finsweet/attributes-autovideo",
-  "version": "2.0.7",
-  "description": "Auto-play videos only in viewport.",
-  "private": true,
-  "type": "module",
-  "types": "src/index.ts",
-  "scripts": {
-    "lint": "eslint ./src && prettier --check ./src",
-    "lint:fix": "eslint ./src --fix && prettier --write ./src",
-    "check": "tsc --noEmit"
-  },
-  "exports": {
-    ".": {
-      "types": "./src/index.ts",
-      "import": "./src/index.ts"
-    }
-  },
-  "dependencies": {
-    "@finsweet/attributes-utils": "workspace:*"
-  }
-}

package/attributes-master/packages/autovideo/src/index.ts

@@ -1,3 +0,0 @@
-export { version } from '../package.json';
-export { init } from './init';
-export { ELEMENTS, SETTINGS } from './utils/constants';