@sveltia/ui 0.12.0 → 0.12.2

package/package/index.d.ts

@@ -67,4 +67,3 @@ export { default as Toolbar } from "./components/toolbar/toolbar.svelte";
 export { default as AppShell } from "./components/util/app-shell.svelte";
 export { default as Group } from "./components/util/group.svelte";
 export { default as Modal } from "./components/util/modal.svelte";
-export * from "./services/util";

package/package/index.js

@@ -10,7 +10,14 @@ import { addMessages, init } from 'svelte-i18n';
  */
 export const initLocales = ({ fallbackLocale = 'en', initialLocale = 'en' } = {}) => {
   /** @type {{ [key: string]: { strings: object }}} */
-  const modules = import.meta.glob('./locales/*.js', { eager: true });
+  let modules = import.meta.glob('./locales/*.js', { eager: true });
+
+  // The file path must be relative during local development, or the import may fail when using
+  // `pnpm link -g @sveltia/ui`. On the other hand, it must start with `$lib` when being imported
+  // with `pnpm install @sveltia/ui`, otherwise the path cannot be resolved.
+  if (!Object.keys(modules).length) {
+    modules = import.meta.glob('$lib/locales/*.js', { eager: true });
+  }
 
   Object.entries(modules).forEach(([path, { strings }]) => {
     const [, locale] = /** @type {string[]} */ (path.match(/([a-zA-Z-]+)\.js/));
@@ -92,5 +99,3 @@ export { default as Toolbar } from './components/toolbar/toolbar.svelte';
 export { default as AppShell } from './components/util/app-shell.svelte';
 export { default as Group } from './components/util/group.svelte';
 export { default as Modal } from './components/util/modal.svelte';
-
-export * from './services/util';

package/package/locales/en.d.ts

@@ -57,9 +57,8 @@ export namespace strings {
         export const update_link: string;
         export const text: string;
         export const url: string;
-        export const edit_options: string;
-        export const show_edit_options: string;
-        export const use_rich_text: string;
+        export const rich_text: string;
+        export const use_rich_text_mode: string;
         export const converter_error: string;
     }
 }

package/package/locales/en.js

@@ -56,9 +56,8 @@ export const strings = {
     update_link: 'Update Link',
     text: 'Text',
     url: 'URL',
-    edit_options: 'Edit Options',
-    show_edit_options: 'Show Edit Options',
-    use_rich_text: 'Use Rich Text',
+    rich_text: 'Rich Text',
+    use_rich_text_mode: 'Use Rich Text Mode',
     converter_error:
       'There was an error while enabling rich text mode. Please use the plain text editor instead.',
   },

package/package/locales/ja.d.ts

@@ -57,9 +57,8 @@ export namespace strings {
         export const update_link: string;
         export const text: string;
         export const url: string;
-        export const edit_options: string;
-        export const show_edit_options: string;
-        export const use_rich_text: string;
+        export const rich_text: string;
+        export const use_rich_text_mode: string;
         export const converter_error: string;
     }
 }

package/package/locales/ja.js

@@ -56,9 +56,8 @@ export const strings = {
     update_link: 'リンクを更新',
     text: 'テキスト',
     url: 'URL',
-    edit_options: '編集オプション',
-    show_edit_options: '編集オプションを表示',
-    use_rich_text: 'リッチテキストを使用',
+    rich_text: 'リッチテキスト',
+    use_rich_text_mode: 'リッチテキストモードを使用',
     converter_error:
       'リッチテキストモードを有効化中に問題が発生しました。代わりにプレーンテキストエディターを使用してください。',
   },

package/package/services/group.js

@@ -1,4 +1,5 @@
-import { getRandomId, sleep } from './util';
+import { generateElementId } from '@sveltia/utils/element';
+import { sleep } from '@sveltia/utils/misc';
 
 /**
  * @type {{ [role: string]: {
@@ -62,7 +63,7 @@ class Group {
     this.parent = parent;
     this.role = /** @type {string} */ (parent.getAttribute('role'));
     this.multi = this.parent.getAttribute('aria-multiselectable') === 'true';
-    this.id = getRandomId(this.role);
+    this.id = generateElementId(this.role);
     this.parentGroupSelector = `[role="group"], [role="${this.role}"]`;
 
     const { orientation, childRoles, childSelectedAttr, focusChild } = config[this.role];

package/package/services/popup.js

@@ -1,7 +1,7 @@
 /* eslint-disable no-nested-ternary */
 
+import { generateElementId } from '@sveltia/utils/element';
 import { get, writable } from 'svelte/store';
-import { getRandomId } from './util';
 
 /**
  * Implement the popup handler.
@@ -105,7 +105,7 @@ class Popup {
     this.popupElement = popupElement; // = backdrop
     this.position = position;
     this.positionBaseElement = positionBaseElement ?? anchorElement;
-    this.id = getRandomId('popup');
+    this.id = generateElementId('popup');
 
     this.anchorElement.setAttribute('aria-controls', this.id);
     this.popupElement.setAttribute('id', this.id);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sveltia/ui",
-  "version": "0.12.0",
+  "version": "0.12.2",
   "license": "MIT",
   "type": "module",
   "publishConfig": {
@@ -32,13 +32,14 @@
     "@lexical/selection": "^0.14.5",
     "@lexical/table": "^0.14.5",
     "@lexical/utils": "^0.14.5",
+    "@sveltia/utils": "^0.1.1",
     "lexical": "^0.14.5",
-    "svelte": "^4.2.14"
+    "svelte": "^4.2.15"
   },
   "devDependencies": {
     "@playwright/test": "^1.43.1",
     "@sveltejs/adapter-auto": "^3.2.0",
-    "@sveltejs/kit": "^2.5.5",
+    "@sveltejs/kit": "^2.5.7",
     "@sveltejs/package": "^2.3.1",
     "@sveltejs/vite-plugin-svelte": "^3.1.0",
     "cspell": "^8.7.0",
@@ -61,7 +62,7 @@
     "svelte-i18n": "^4.0.0",
     "svelte-preprocess": "^5.1.4",
     "tslib": "^2.6.2",
-    "vite": "^5.2.8",
+    "vite": "^5.2.10",
     "vitest": "^1.5.0"
   },
   "exports": {
@@ -426,10 +427,6 @@
       "types": "./package/services/popup.d.ts",
       "default": "./package/services/popup.js"
     },
-    "./services/util": {
-      "types": "./package/services/util.d.ts",
-      "default": "./package/services/util.js"
-    },
     "./styles/core.scss": "./package/styles/core.scss",
     "./styles/variables.scss": "./package/styles/variables.scss",
     "./typedef": {
@@ -662,9 +659,6 @@
       "services/popup": [
         "./package/services/popup.d.ts"
       ],
-      "services/util": [
-        "./package/services/util.d.ts"
-      ],
       "typedef": [
         "./package/typedef.d.ts"
       ]

package/package/services/util.d.ts

@@ -1,4 +0,0 @@
-export function getRandomId(prefix?: string | undefined, length?: number | undefined): string;
-export function isObject(input: any): boolean;
-export function sleep(ms?: number | undefined): Promise<void>;
-export function isURL(str: string): boolean;

package/package/services/util.js

@@ -1,56 +0,0 @@
-/**
- * Get a random ID that can be used for elements.
- * @param {string} [prefix] - Prefix to be added to the ID, e.g. `popup`.
- * @param {number} [length] - Number of characters to be used in the ID.
- * @returns {string} Generated ID.
- */
-export const getRandomId = (prefix = 'e', length = 7) =>
-  [
-    prefix,
-    new Array(length)
-      .fill(0)
-      .map(() => '0123456789abcdef'[Math.floor(Math.random() * 12)])
-      .join(''),
-  ].join('-');
-
-/**
- * Check if the given input is a simple object.
- * @param {*} input - Input, probably an object.
- * @returns {boolean} Result.
- */
-export const isObject = (input) =>
-  input !== null && typeof input === 'object' && !Array.isArray(input);
-
-/**
- * Return a simple `Promise` to resolve in the given time, making it easier to wait for a bit in the
- * code, particularly while making sequential HTTP requests.
- * @param {number} [ms] - Milliseconds to wait.
- * @returns {Promise<void>} Nothing.
- */
-export const sleep = (ms = 1000) =>
-  new Promise((resolve) => {
-    globalThis.setTimeout(() => {
-      resolve();
-    }, ms);
-  });
-
-/**
- * Check if the given string is a URL.
- * @param {string} str - String that might be a URL.
- * @returns {boolean} Result.
- */
-export const isURL = (str) => {
-  // @ts-ignore
-  if (typeof URL.canParse === 'function') {
-    // @ts-ignore
-    return URL.canParse(str);
-  }
-
-  try {
-    // eslint-disable-next-line no-new
-    new URL(str);
-    return true;
-  } catch {
-    return false;
-  }
-};