@shelamkoff/rector 1.0.0

package/dist/plugins/person/locale/en.d.ts

@@ -0,0 +1,18 @@
+declare const _default: {
+    'plugin.person.title': string;
+    'plugin.person.namePlaceholder': string;
+    'plugin.person.rolePlaceholder': string;
+    'plugin.person.bioPlaceholder': string;
+    'plugin.person.uploadAvatar': string;
+    'plugin.person.addLink': string;
+    'plugin.person.linksLabel': string;
+    'plugin.person.linkPlaceholder': string;
+    'plugin.person.cropTitle': string;
+    'plugin.person.cropConfirm': string;
+    'plugin.person.cropCancel': string;
+    'plugin.person.addPerson': string;
+    'plugin.person.removePerson': string;
+    'plugin.person.removeLink': string;
+    'plugin.person.fallbackName': string;
+};
+export default _default;

package/dist/plugins/person/locale/en.js

@@ -0,0 +1,17 @@
+export default {
+  'plugin.person.title': 'Person',
+  'plugin.person.namePlaceholder': 'Name',
+  'plugin.person.rolePlaceholder': 'Role / Position',
+  'plugin.person.bioPlaceholder': 'Short bio...',
+  'plugin.person.uploadAvatar': 'Upload avatar',
+  'plugin.person.addLink': 'Add link',
+  'plugin.person.linksLabel': 'Links',
+  'plugin.person.linkPlaceholder': 'Paste social link...',
+  'plugin.person.cropTitle': 'Crop avatar',
+  'plugin.person.cropConfirm': 'Apply',
+  'plugin.person.cropCancel': 'Cancel',
+  'plugin.person.addPerson': 'Add person',
+  'plugin.person.removePerson': 'Remove',
+  'plugin.person.removeLink': 'Remove link',
+  'plugin.person.fallbackName': 'Person {number}',
+}

package/dist/plugins/person/locale/keys.d.ts

@@ -0,0 +1,5 @@
+import enLocale from './en.js'
+
+declare module '../../../core/types.js' {
+  interface I18nMessages extends Record<keyof typeof enLocale, string> {}
+}

package/dist/plugins/person/locale/ru.d.ts

@@ -0,0 +1,18 @@
+declare const _default: {
+    'plugin.person.title': string;
+    'plugin.person.namePlaceholder': string;
+    'plugin.person.rolePlaceholder': string;
+    'plugin.person.bioPlaceholder': string;
+    'plugin.person.uploadAvatar': string;
+    'plugin.person.addLink': string;
+    'plugin.person.linksLabel': string;
+    'plugin.person.linkPlaceholder': string;
+    'plugin.person.cropTitle': string;
+    'plugin.person.cropConfirm': string;
+    'plugin.person.cropCancel': string;
+    'plugin.person.addPerson': string;
+    'plugin.person.removePerson': string;
+    'plugin.person.removeLink': string;
+    'plugin.person.fallbackName': string;
+};
+export default _default;

package/dist/plugins/person/locale/ru.js

@@ -0,0 +1,17 @@
+export default {
+  'plugin.person.title': 'Персона',
+  'plugin.person.namePlaceholder': 'Имя',
+  'plugin.person.rolePlaceholder': 'Должность / Роль',
+  'plugin.person.bioPlaceholder': 'Краткая биография...',
+  'plugin.person.uploadAvatar': 'Загрузить аватар',
+  'plugin.person.addLink': 'Добавить ссылку',
+  'plugin.person.linksLabel': 'Ссылки',
+  'plugin.person.linkPlaceholder': 'Вставьте ссылку...',
+  'plugin.person.cropTitle': 'Обрезать аватар',
+  'plugin.person.cropConfirm': 'Применить',
+  'plugin.person.cropCancel': 'Отмена',
+  'plugin.person.addPerson': 'Добавить персону',
+  'plugin.person.removePerson': 'Удалить',
+  'plugin.person.removeLink': 'Удалить ссылку',
+  'plugin.person.fallbackName': 'Персона {number}',
+}

package/dist/plugins/person/person.css

@@ -0,0 +1,431 @@
+.oe-person {
+  padding: 1rem 0;
+  outline: none;
+}
+
+.oe-person--loading {
+  opacity: 0.6;
+  pointer-events: none;
+}
+
+/* ── Card layout ──────────────────────────────────────────────────────────── */
+
+.oe-person__card {
+  display: flex;
+  gap: 1rem;
+  align-items: flex-start;
+}
+
+/* ── Avatar ───────────────────────────────────────────────────────────────── */
+
+.oe-person__avatar-wrap {
+  position: relative;
+  flex-shrink: 0;
+  width: 10rem;
+  height: 10rem;
+  border-radius: 50%;
+  overflow: hidden;
+}
+
+.oe-person__avatar-img {
+  width: 10rem;
+  height: 10rem;
+  object-fit: cover;
+  display: block;
+}
+
+.oe-person__avatar-placeholder {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--oe-surface-2, #1a1a1f);
+  color: var(--oe-text-3, #6e6e78);
+}
+
+.oe-person__avatar-upload {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: color-mix(in srgb, var(--oe-accent, #4357b4) 40%, transparent);
+  color: var(--oe-text-on-accent, #fff);
+  border: none;
+  border-radius: 50%;
+  cursor: pointer;
+  opacity: 0;
+  transition: opacity 0.15s;
+  outline: none;
+}
+
+.oe-person__avatar-wrap:hover .oe-person__avatar-upload {
+  opacity: 1;
+}
+
+/* ── Info section ─────────────────────────────────────────────────────────── */
+
+.oe-person__info {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.125rem;
+}
+
+.oe-person__name {
+  font-weight: 600;
+  font-size: 1rem;
+  outline: none;
+  line-height: 1.4;
+}
+
+.oe-person__name:empty::before {
+  content: attr(data-placeholder);
+  color: var(--oe-text-3, #6e6e78);
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+.oe-person__role {
+  font-size: 0.8125rem;
+  color: var(--oe-text-3, #6e6e78);
+  outline: none;
+  line-height: 1.4;
+}
+
+.oe-person__role:empty::before {
+  content: attr(data-placeholder);
+  color: var(--oe-text-3, #6e6e78);
+  opacity: 0.35;
+  pointer-events: none;
+}
+
+.oe-person__bio {
+  font-size: 0.8125rem;
+  color: var(--oe-text-2, #9898a0);
+  outline: none;
+  line-height: 1.5;
+  margin-top: 0.25rem;
+}
+
+.oe-person__bio:empty::before {
+  content: attr(data-placeholder);
+  color: var(--oe-text-3, #6e6e78);
+  opacity: 0.35;
+  pointer-events: none;
+}
+
+/* ── Social links ─────────────────────────────────────────────────────────── */
+
+.oe-person__links {
+  margin-top: 0.75rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+
+.oe-person__links-label {
+  font-size: 0.7rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--oe-text-3, #6e6e78);
+  margin-bottom: 0.25rem;
+}
+
+.oe-person__link-row {
+  display: flex;
+  align-items: center;
+  position: relative;
+  gap: 0.25rem;
+}
+
+.oe-person__link-icon {
+  position: absolute;
+  left: 6px;
+  top: 50%;
+  transform: translateY(-50%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 1.25rem;
+  height: 1.25rem;
+  color: var(--oe-text-3, #6e6e78);
+  pointer-events: none;
+  z-index: 1;
+}
+
+.oe-person__link-url {
+  flex: 1;
+  min-width: 0;
+  height: 1.75rem;
+  padding: 0 0.5rem 0 1.75rem;
+  border: 1px solid var(--oe-border, #2e2e35);
+  border-radius: 4px;
+  background: transparent;
+  color: var(--oe-text-1, #e8e8ec);
+  font-size: 0.75rem;
+  font-family: inherit;
+  outline: none;
+  transition: border-color 0.12s;
+}
+
+.oe-person__link-url:focus {
+  border-color: var(--oe-accent, #4357b4);
+}
+
+.oe-person__link-url::placeholder {
+  color: var(--oe-text-3, #5a5a64);
+}
+
+.oe-person__link-remove {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 1.5rem;
+  height: 1.5rem;
+  border: none;
+  border-radius: 50%;
+  background: transparent;
+  color: var(--oe-text-3, #6e6e78);
+  cursor: pointer;
+  transition: background 0.12s, color 0.12s;
+  outline: none;
+  padding: 0;
+}
+
+.oe-person__link-remove:hover {
+  background: rgba(239, 68, 68, 0.15);
+  color: var(--oe-danger, #f87171);
+}
+
+/* ── Add link button ──────────────────────────────────────────────────────── */
+
+.oe-person__link-add {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  padding: 0.25rem 0.5rem;
+  border: 1px solid var(--oe-border, #2e2e35);
+  border-radius: 4px;
+  background: transparent;
+  color: var(--oe-text-3, #6e6e78);
+  font-size: 0.6875rem;
+  font-family: inherit;
+  cursor: pointer;
+  transition: border-color 0.15s, color 0.15s;
+  outline: none;
+  align-self: flex-start;
+}
+
+.oe-person__link-add:hover {
+  border-color: var(--oe-accent, #4357b4);
+  color: var(--oe-accent, #4357b4);
+}
+
+.oe-person__link-add svg {
+  flex-shrink: 0;
+}
+
+/* ── Multi-person tabs ────────────────────────────────────────────────────── */
+
+.oe-person__tabs {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  margin-bottom: 0.75rem;
+  flex-wrap: wrap;
+}
+
+.oe-person__tab {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.375rem;
+  padding: 0.3125rem 0.625rem;
+  border: 1px solid var(--oe-border, #2e2e35);
+  border-radius: 1rem;
+  background: transparent;
+  color: var(--oe-text-3, #6e6e78);
+  font-size: 0.75rem;
+  font-weight: 500;
+  cursor: pointer;
+  transition: border-color 0.15s, color 0.15s, background 0.15s;
+  user-select: none;
+}
+.oe-person__tab:hover {
+  border-color: var(--oe-border-hover, #3a3a44);
+  color: var(--oe-text-2, #c4c4c4);
+}
+.oe-person__tab--active {
+  color: var(--oe-text-1, #f5f5f5);
+}
+.oe-person__tab--dragging { opacity: 0.4; }
+.oe-person__tab--dragover { border-color: var(--oe-accent, #4357b4); }
+
+.oe-person__tab-grip {
+  display: flex;
+  align-items: center;
+  color: var(--oe-text-3, #6e6e78);
+  cursor: grab;
+  opacity: 0.5;
+}
+.oe-person__tab:hover .oe-person__tab-grip { opacity: 1; }
+
+.oe-person__tab-avatar {
+  width: 1rem;
+  height: 1rem;
+  border-radius: 50%;
+  object-fit: cover;
+  flex-shrink: 0;
+}
+
+.oe-person__tab-label {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 8rem;
+}
+
+.oe-person__tab-remove {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 1rem;
+  height: 1rem;
+  border: none;
+  border-radius: 50%;
+  background: transparent;
+  color: var(--oe-text-3, #6e6e78);
+  cursor: pointer;
+  font-size: 0.875rem;
+  line-height: 1;
+  padding: 0;
+  outline: none;
+  opacity: 0;
+  transition: opacity 0.12s, color 0.12s;
+}
+.oe-person__tab:hover .oe-person__tab-remove { opacity: 1; }
+.oe-person__tab-remove:hover { color: var(--oe-danger, #f87171); }
+
+.oe-person__tab-add {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid var(--oe-border, #2e2e35);
+  border-radius: 50%;
+  /* Match tab height: padding 0.3125rem * 2 + font-size 0.75rem * line-height ~1.4 */
+  width: 1.675rem;
+  height: 1.675rem;
+  background: transparent;
+  color: var(--oe-text-3, #6e6e78);
+  cursor: pointer;
+  transition: color 0.15s, border-color 0.15s;
+  outline: none;
+  padding: 0;
+  flex-shrink: 0;
+  isolation: isolate;
+}
+.oe-person__tab-add::before {
+  content: '';
+  position: absolute;
+  inset: -1px;
+  border-radius: 50%;
+  background: var(--oe-accent, #4357b4);
+  transform: scale(0);
+  transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
+  z-index: -1;
+}
+.oe-person__tab-add:hover {
+  color: var(--oe-text-on-accent, #fff);
+  border-color: transparent;
+}
+.oe-person__tab-add:hover::before {
+  transform: scale(1);
+}
+
+/* ── Zoom slider (cropper) ───────────────────────────────────────────────── */
+
+.oe-cropper-zoom {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  margin-top: 0.75rem;
+}
+
+.oe-cropper-zoom button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.5rem;
+  height: 1.5rem;
+  border: none;
+  border-radius: 50%;
+  background: var(--oe-surface-2, #1a1a1f);
+  color: var(--oe-text-2, #c4c4c4);
+  cursor: pointer;
+  padding: 0;
+  outline: none;
+  font-size: 0.875rem;
+}
+.oe-cropper-zoom button:hover { color: var(--oe-text-1, #f5f5f5); }
+
+.oe-cropper-zoom input[type="range"] {
+  width: 120px;
+  accent-color: var(--oe-accent, #4357b4);
+}
+
+/* ── Spinner ──────────────────────────────────────────────────────────────── */
+
+.oe-person__spin {
+  animation: oe-person-spin 1s linear infinite;
+}
+@keyframes oe-person-spin {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}
+
+/* Cropper modal styles are in cropper/styles/cropper.css — no duplicates here. */
+
+/* ── Light theme ──────────────────────────────────────────────────────────── */
+
+.oe-theme-light .oe-person {
+  border-color: var(--oe-border, #e0e0e0);
+}
+
+.oe-theme-light .oe-person__avatar-placeholder {
+  background: var(--oe-surface-2, #f0f0f0);
+}
+
+.oe-theme-light .oe-person__link-icon {
+  border-color: var(--oe-border, #e0e0e0);
+}
+
+.oe-theme-light .oe-person__link-url {
+  border-color: var(--oe-border, #e0e0e0);
+  color: var(--oe-text-1, #1a1a1a);
+}
+
+.oe-theme-light .oe-person__link-add {
+  border-color: var(--oe-border, #e0e0e0);
+}
+
+.oe-theme-light .oe-person__tab {
+  border-color: var(--oe-border, #e0e0e0);
+  color: var(--oe-text-3, #a3a3a3);
+}
+.oe-theme-light .oe-person__tab:hover {
+  border-color: var(--oe-border-hover, #d4d4d4);
+  color: var(--oe-text-2, #525252);
+}
+.oe-theme-light .oe-person__tab--active {
+  color: var(--oe-text-1, #1a1a1a);
+}
+.oe-theme-light .oe-person__tab-add {
+  border-color: var(--oe-border, #e0e0e0);
+}

package/dist/plugins/person/socialResolver.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Resolve a URL to a social network type and icon.
+ * Custom resolvers are checked first, then built-in hostname matchers.
+ * @param {string} url
+ * @param {Array<{ test: RegExp | ((url: string) => boolean), type: string, icon?: string }>} [customResolvers]
+ * @returns {{ type: string, icon: string }}
+ */
+export function resolveSocialIcon(url: string, customResolvers?: Array<{
+    test: RegExp | ((url: string) => boolean);
+    type: string;
+    icon?: string;
+}>): {
+    type: string;
+    icon: string;
+};
+export { ICONS as SOCIAL_ICONS };
+/** @type {Record<string, string>} */
+declare const ICONS: Record<string, string>;

package/dist/plugins/person/socialResolver.js

@@ -0,0 +1,69 @@
+// @ts-check
+
+const ti = (/** @type {string} */ d) =>
+  `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${d}</svg>`
+
+/** @type {Record<string, string>} */
+const ICONS = {
+  website: ti('<circle cx="12" cy="12" r="10"/><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0 -20"/><path d="M2 12h20"/>'),
+  twitter: ti('<path d="M4 4l11.733 16h4.267l-11.733 -16z"/><path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772"/>'),
+  github: ti('<path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5"/>'),
+  telegram: ti('<path d="M15 10l-4 4l6 6l4 -16l-18 7l4 2l2 6l3 -4"/>'),
+  linkedin: ti('<path d="M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z"/><path d="M8 11l0 5"/><path d="M8 8l0 .01"/><path d="M12 16l0 -5"/><path d="M16 16v-3a2 2 0 0 0 -4 0"/>'),
+  instagram: ti('<path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z"/><path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"/><path d="M16.5 7.5l0 .01"/>'),
+  facebook: ti('<path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3"/>'),
+  youtube: ti('<path d="M2 8a4 4 0 0 1 4 -4h12a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-12a4 4 0 0 1 -4 -4v-8z"/><path d="M10 9l5 3l-5 3z"/>'),
+  tiktok: ti('<path d="M21 7.917v4.034a9.948 9.948 0 0 1 -5 -1.951v4.5a6.5 6.5 0 1 1 -8 -6.326v4.326a2.5 2.5 0 1 0 4 2v-11.5h4.083a6.005 6.005 0 0 0 4.917 4.917z"/>'),
+  discord: ti('<path d="M8 12a1 1 0 1 0 2 0a1 1 0 0 0 -2 0"/><path d="M14 12a1 1 0 1 0 2 0a1 1 0 0 0 -2 0"/><path d="M15.5 17c0 1 1.5 3 2 3c1.5 0 2.833 -1.667 3.5 -3c.667 -1.667 .5 -5.833 -1.5 -11.5c-1.457 -1.015 -3 -1.34 -4.5 -1.5l-1 2.5"/><path d="M8.5 17c0 1 -1.356 3 -1.832 3c-1.429 0 -2.698 -1.667 -3.333 -3c-.635 -1.667 -.476 -5.833 1.428 -11.5c1.388 -1.015 2.782 -1.34 4.237 -1.5l1 2.5"/>'),
+  reddit: ti('<path d="M12 8c2.648 0 5.028 .826 6.675 2.14a2.5 2.5 0 0 1 2.326 4.36c0 3.59 -4.03 6.5 -9 6.5c-4.875 0 -8.845 -2.8 -9 -6.294l0 -.206a2.5 2.5 0 0 1 2.326 -4.36c1.646 -1.313 4.026 -2.14 6.674 -2.14z"/><path d="M12 8l1 -5l6 1"/><circle cx="19" cy="4" r="1"/><circle cx="9" cy="13" r=".5" fill="currentColor"/><circle cx="15" cy="13" r=".5" fill="currentColor"/><path d="M10 17c.667 .333 1.333 .5 2 .5s1.333 -.167 2 -.5"/>'),
+}
+
+/** @type {{ hostname: RegExp, type: string }[]} */
+const DEFAULT_MATCHERS = [
+  { hostname: /^(www\.)?(twitter\.com|x\.com)$/i, type: 'twitter' },
+  { hostname: /^(www\.)?github\.com$/i, type: 'github' },
+  { hostname: /^(t\.me|telegram\.me)$/i, type: 'telegram' },
+  { hostname: /^(www\.)?linkedin\.com$/i, type: 'linkedin' },
+  { hostname: /^(www\.)?instagram\.com$/i, type: 'instagram' },
+  { hostname: /^(www\.)?facebook\.com$/i, type: 'facebook' },
+  { hostname: /^(www\.)?youtube\.com$/i, type: 'youtube' },
+  { hostname: /^(www\.)?tiktok\.com$/i, type: 'tiktok' },
+  { hostname: /^(discord\.(gg|com))$/i, type: 'discord' },
+  { hostname: /^(www\.)?reddit\.com$/i, type: 'reddit' },
+]
+
+/**
+ * Resolve a URL to a social network type and icon.
+ * Custom resolvers are checked first, then built-in hostname matchers.
+ * @param {string} url
+ * @param {Array<{ test: RegExp | ((url: string) => boolean), type: string, icon?: string }>} [customResolvers]
+ * @returns {{ type: string, icon: string }}
+ */
+export function resolveSocialIcon(url, customResolvers) {
+  if (customResolvers) {
+    for (const r of customResolvers) {
+      let match = false
+      if (typeof r.test === 'function') {
+        match = r.test(url)
+      } else {
+        // Global and sticky regular expressions retain `lastIndex` between
+        // calls. Reset it so the same URL always produces the same result.
+        r.test.lastIndex = 0
+        match = r.test.test(url)
+        r.test.lastIndex = 0
+      }
+      if (match) return { type: r.type, icon: r.icon || ICONS[r.type] || ICONS['website'] || '' }
+    }
+  }
+
+  try {
+    const { hostname } = new URL(url)
+    for (const m of DEFAULT_MATCHERS) {
+      if (m.hostname.test(hostname)) return { type: m.type, icon: ICONS[m.type] || '' }
+    }
+  } catch { /* invalid URL */ }
+
+  return { type: 'website', icon: ICONS['website'] || '' }
+}
+
+export { ICONS as SOCIAL_ICONS }