@hortonstudio/main 1.2.4 → 1.2.6

package/attributes-master/packages/copyclip/src/utils/selectors.ts

@@ -0,0 +1,9 @@
+import { COPY_CLIP_ATTRIBUTE, generateSelectors } from '@finsweet/attributes-utils';
+
+import { ELEMENTS, SETTINGS } from './constants';
+
+export const { queryElement, queryAllElements, getAttribute, getInstance } = generateSelectors(
+  COPY_CLIP_ATTRIBUTE,
+  ELEMENTS,
+  SETTINGS
+);

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

@@ -0,0 +1,3 @@
+{
+  "extends": "../../tsconfig.json"
+}

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

@@ -0,0 +1,164 @@
+# @finsweet/attributes-displayvalues
+
+## 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
+
+- d21cbca: refactor: unify form field value getters and setters
+- Updated dependencies [d21cbca]
+  - @finsweet/attributes-utils@0.0.3
+
+## 2.0.2
+
+### Patch Changes
+
+- 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
+
+- 4fd67e6: displayvalues: prepared for v2 release
+
+## 1.4.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.3.1
+
+### Patch Changes
+
+- Updated dependencies [4792998a]
+  - @global/constants@1.2.0
+  - @global/factory@1.1.5
+
+## 1.3.0
+
+### Minor Changes
+
+- 07f32375: Created `fs-cmsattribute` Attribute
+
+### Patch Changes
+
+- Updated dependencies [07f32375]
+  - @global/constants@1.1.0
+  - @global/factory@1.1.4
+
+## 1.2.4
+
+### Patch Changes
+
+- Updated dependencies [7542dcdb]
+  - @global/constants@1.0.2
+  - @global/factory@1.1.3
+
+## 1.2.3
+
+### Patch Changes
+
+- Updated dependencies [bdd1a78]
+  - @global/constants@1.0.1
+  - @global/factory@1.1.2
+
+## 1.2.2
+
+### Patch Changes
+
+- Updated dependencies [13c3e23]
+  - @global/factory@1.1.1
+
+## 1.2.1
+
+### Patch Changes
+
+- Updated dependencies [627bf25]
+  - @global/factory@1.1.0
+
+## 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([
+    'displayvalues',
+    (sourceElements) => {
+      console.log('Attribute has successfully loaded!');
+      console.log(sourceElements);
+    },
+  ]);
+</script>
+```
+
+## 1.1.0
+
+### Minor Changes
+
+- Created `changesets.json` API.
+
+## 1.0.2
+
+### Patch Changes
+
+- Added `initAttributes` call to make sure `window.fsAttributes` exists.
+
+## 1.0.1
+
+### Patch Changes
+
+- Made sure a source element has targets on initialization.
+
+## 1.0.0
+
+### Major Changes
+
+- Created the attribute package.

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

@@ -0,0 +1,27 @@
+# `displayvalues` Attribute
+
+Display the value of a Form Element.
+
+## 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([
+  'displayvalues',
+  (formElements) => {
+    // Your code goes here.
+  },
+]);
+```
+
+The `result` object contains the form elements that are currently active on the page.
+
+## License
+
+[Apache 2.0](../../LICENSE.md)

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

@@ -0,0 +1,22 @@
+{
+  "name": "@finsweet/attributes-displayvalues",
+  "version": "2.0.7",
+  "description": "Display the value of a Form Element.",
+  "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/displayvalues/src/actions/collect.ts

@@ -0,0 +1,17 @@
+import type { FormField } from '@finsweet/attributes-utils';
+
+import { getInstance, queryAllElements } from '../utils/selectors';
+import { relationshipsStore } from '../utils/stores';
+
+/**
+ * Collects the targets where to display the values.
+ * @param sourceElement
+ */
+export const collectTargets = (sourceElement: FormField) => {
+  const instance = getInstance(sourceElement);
+
+  const displayTargets = queryAllElements('target', { instance });
+  if (!displayTargets.length) return;
+
+  relationshipsStore.set(sourceElement, displayTargets);
+};

package/attributes-master/packages/displayvalues/src/actions/events.ts

@@ -0,0 +1,22 @@
+import { addListener, isElement, isFormField } from '@finsweet/attributes-utils';
+
+import { getElementSelector } from '../utils/selectors';
+import { syncValue } from './sync';
+
+/**
+ * Listens for input events.
+ * @returns A callback to remove the event listeners.
+ */
+export const listenEvents = () => {
+  const inputCleanup = addListener(window, 'input', ({ target }: Event) => {
+    if (!isElement(target)) return;
+
+    const sourceElement = target.closest(getElementSelector('source'));
+
+    if (isFormField(sourceElement)) {
+      syncValue(sourceElement);
+    }
+  });
+
+  return inputCleanup;
+};

package/attributes-master/packages/displayvalues/src/actions/sync.ts

@@ -0,0 +1,23 @@
+import { type FormField, getFormFieldValue } from '@finsweet/attributes-utils';
+
+import { getAttribute } from '../utils/selectors';
+import { relationshipsStore } from '../utils/stores';
+
+/**
+ * Updates the value of the target element from a source.
+ * @param sourceElement
+ */
+export const syncValue = (sourceElement: FormField) => {
+  const displayTargets = relationshipsStore.get(sourceElement);
+  if (!displayTargets) return;
+
+  for (const displayTarget of displayTargets) {
+    const sourceValue = getFormFieldValue(sourceElement);
+
+    const placeholderValue = getAttribute(displayTarget, 'placeholder') || null;
+
+    const displayValue = sourceValue ? sourceValue : placeholderValue;
+
+    displayTarget.textContent = displayValue?.toString() || '';
+  }
+};

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

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

package/attributes-master/packages/displayvalues/src/init.ts

@@ -0,0 +1,31 @@
+import { type FinsweetAttributeInit, isFormField, waitWebflowReady } from '@finsweet/attributes-utils';
+
+import { collectTargets } from './actions/collect';
+import { listenEvents } from './actions/events';
+import { syncValue } from './actions/sync';
+import { queryAllElements } from './utils/selectors';
+
+/**
+ * Inits click events mirroring.
+ */
+export const init: FinsweetAttributeInit = async () => {
+  await waitWebflowReady();
+
+  const sourceElements = queryAllElements('source');
+
+  for (const sourceElement of sourceElements) {
+    if (!isFormField(sourceElement)) continue;
+
+    collectTargets(sourceElement);
+    syncValue(sourceElement);
+  }
+
+  const removeListeners = listenEvents();
+
+  return {
+    result: sourceElements,
+    destroy() {
+      removeListeners();
+    },
+  };
+};

package/attributes-master/packages/displayvalues/src/utils/constants.ts

@@ -0,0 +1,20 @@
+import { type AttributeElements, type AttributeSettings } from '@finsweet/attributes-utils';
+
+export const ELEMENTS = [
+  /**
+   * Defines the element as the source of the event.
+   */
+  'source',
+
+  /**
+   * Defines the element as the target to display the source value.
+   */
+  'target',
+] as const satisfies AttributeElements;
+
+export const SETTINGS = {
+  /**
+   * Defines a placeholder text to display when no value exists.
+   */
+  placeholder: { key: 'placeholder' },
+} as const satisfies AttributeSettings;

package/attributes-master/packages/displayvalues/src/utils/selectors.ts

@@ -0,0 +1,9 @@
+import { DISPLAY_VALUES_ATTRIBUTE, generateSelectors } from '@finsweet/attributes-utils';
+
+import { ELEMENTS, SETTINGS } from './constants';
+
+export const { queryAllElements, getInstance, getElementSelector, getAttribute } = generateSelectors(
+  DISPLAY_VALUES_ATTRIBUTE,
+  ELEMENTS,
+  SETTINGS
+);

package/attributes-master/packages/displayvalues/src/utils/stores.ts

@@ -0,0 +1,3 @@
+import type { FormField } from '@finsweet/attributes-utils';
+
+export const relationshipsStore: Map<FormField, HTMLElement[]> = new Map();

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

@@ -0,0 +1,3 @@
+{
+  "extends": "../../tsconfig.json"
+}

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

@@ -0,0 +1,108 @@
+# @finsweet/attributes-docs
+
+## 2.0.12
+
+### Patch Changes
+
+- Updated dependencies [2af0bad]
+  - @finsweet/attributes-utils@0.1.0
+
+## 2.0.11
+
+### Patch Changes
+
+- Updated dependencies [378d74d]
+  - @finsweet/attributes-utils@0.0.6
+
+## 2.0.10
+
+### Patch Changes
+
+- Updated dependencies [01973d8]
+  - @finsweet/attributes-utils@0.0.5
+
+## 2.0.9
+
+### Patch Changes
+
+- Updated dependencies [deef758]
+  - @finsweet/attributes-utils@0.0.4
+
+## 2.0.8
+
+### Patch Changes
+
+- Updated dependencies [d21cbca]
+  - @finsweet/attributes-utils@0.0.3
+
+## 2.0.7
+
+### Patch Changes
+
+- c7b544d: chore: updated dependencies
+- Updated dependencies [c7b544d]
+  - @finsweet/attributes-utils@0.0.2
+
+## 2.0.6
+
+### Patch Changes
+
+- 8d63240: chore: toggle xray class
+
+## 2.0.5
+
+### Patch Changes
+
+- 6094885: handle radio and checkboxes
+- 6094885: chore: xray always target its elements and add borders color update
+
+## 2.0.4
+
+### Patch Changes
+
+- 682882c: feat: add optional dom traversal to get closest target for cases where instance has not been added
+
+## 2.0.3
+
+### Patch Changes
+
+- Updated dependencies [b56e5e5]
+  - @finsweet/attributes-utils@0.0.1
+
+## 2.0.2
+
+### Patch Changes
+
+- 61ec9a1: feat: replace classnames with attributes in copy helper
+
+## 2.0.1
+
+### Patch Changes
+
+- 8ef3780: fix: use important flag for xray style to prevent overrides by local styles
+  fix: use floating ui lib for tooltip position computation
+  fix: order attributes shown by name
+  fix: observer attribute changes to trigger xray refresh
+
+## 2.0.0
+
+### Major Changes
+
+- c5cd01b: feat: version 2 release of attributes docs scripts
+
+## 1.0.0
+
+### Major Changes
+
+- 8415d4c: docs: release v2 package
+
+### Patch Changes
+
+- 8415d4c: update helper to x-ray as the official name for the attribute preview helper feature
+- 8415d4c: add animations and more configs to the helper tooltip
+- 8415d4c: update package json versions
+- 8415d4c: fix: add scroll listener to reposition tooltip to stick to relative element
+  fix: remove cursor manipulation
+  fix: add jsdocs and code improvements
+  fix: remove docs from pnpm dev command
+- 8415d4c: refactor code: add more jsdoc and split code to smaller readable chunks

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

@@ -0,0 +1,3 @@
+# Attributes Documentation Scripts
+
+Custom code for the Attributes documentation website.

package/attributes-master/packages/docs/bin/build.js

@@ -0,0 +1,92 @@
+import * as esbuild from 'esbuild';
+import { readdirSync } from 'fs';
+import { join, sep } from 'path';
+
+// Config output
+const BUILD_DIRECTORY = 'dist';
+const PRODUCTION = process.env.NODE_ENV === 'production';
+
+// Config entrypoint files
+const ENTRY_POINTS = ['src/copy.ts', 'src/x-ray.ts'];
+
+// Config dev serving
+const LIVE_RELOAD = !PRODUCTION;
+const SERVE_PORT = 3001;
+const SERVE_ORIGIN = `http://localhost:${SERVE_PORT}`;
+
+// Create context
+const context = await esbuild.context({
+  bundle: true,
+  entryPoints: ENTRY_POINTS,
+  outdir: BUILD_DIRECTORY,
+  minify: PRODUCTION,
+  sourcemap: !PRODUCTION,
+  target: PRODUCTION ? 'es2020' : 'esnext',
+  inject: LIVE_RELOAD ? ['./bin/live-reload.js'] : undefined,
+  define: {
+    SERVE_ORIGIN: JSON.stringify(SERVE_ORIGIN),
+  },
+});
+
+// Build files in prod
+if (PRODUCTION) {
+  await context.rebuild();
+  context.dispose();
+}
+
+// Watch and serve files in dev
+else {
+  await context.watch();
+  await context
+    .serve({
+      servedir: BUILD_DIRECTORY,
+      port: SERVE_PORT,
+    })
+    .then(logServedFiles);
+}
+
+/**
+ * Logs information about the files that are being served during local development.
+ */
+function logServedFiles() {
+  /**
+   * Recursively gets all files in a directory.
+   * @param {string} dirPath
+   * @returns {string[]} An array of file paths.
+   */
+  const getFiles = (dirPath) => {
+    const files = readdirSync(dirPath, { withFileTypes: true }).map((dirent) => {
+      const path = join(dirPath, dirent.name);
+      return dirent.isDirectory() ? getFiles(path) : path;
+    });
+
+    return files.flat();
+  };
+
+  const files = getFiles(BUILD_DIRECTORY);
+
+  const filesInfo = files
+    .map((file) => {
+      if (file.endsWith('.map')) return;
+
+      // Normalize path and create file location
+      const paths = file.split(sep);
+      paths[0] = SERVE_ORIGIN;
+
+      const location = paths.join('/');
+
+      // Create import suggestion
+      const tag = location.endsWith('.css')
+        ? `<link href="${location}" rel="stylesheet" type="text/css"/>`
+        : `<script src="${location}"></script>`;
+
+      return {
+        'File Location': location,
+        'Import Suggestion': tag,
+      };
+    })
+    .filter(Boolean);
+
+  // eslint-disable-next-line no-console
+  console.table(filesInfo);
+}

package/attributes-master/packages/docs/bin/live-reload.js

@@ -0,0 +1 @@
+new EventSource(`${SERVE_ORIGIN}/esbuild`).addEventListener('change', () => location.reload());

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

@@ -0,0 +1,40 @@
+{
+  "name": "@finsweet/attributes-docs",
+  "version": "2.0.12",
+  "description": "Attributes documentation custom code.",
+  "homepage": "https://www.finsweet.com/attributes",
+  "license": "Apache-2.0",
+  "author": {
+    "name": "Finsweet",
+    "url": "https://finsweet.com/"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/finsweet/attributes.git"
+  },
+  "bugs": {
+    "url": "https://finsweet.com/attributes/support"
+  },
+  "type": "module",
+  "main": "src/index.ts",
+  "module": "src/index.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ./bin/build.js",
+    "build": "cross-env NODE_ENV=production node ./bin/build.js",
+    "lint": "eslint ./src && prettier --check ./src",
+    "lint:fix": "eslint ./src --fix && prettier --write ./src",
+    "check": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@finsweet/attributes-utils": "workspace:*",
+    "@floating-ui/dom": "^1.7.0",
+    "just-debounce": "^1.1.0"
+  },
+  "devDependencies": {
+    "cross-env": "^7.0.3",
+    "esbuild": "^0.25.4"
+  }
+}