@morphemecms/cms 0.13.0-next-20261106212516 → 0.13.0

package/CHANGELOG.md

@@ -1,19 +1,30 @@
 # @morphemecms/cms
 
-## 0.13.0-next-20261106212516
+## 0.13.0
 
 ### Minor Changes
 
 - 1193da4: The standard parts and their ids are in English. Danish comes from `defaults/i18n/da-DK/`. A site that overrides a standard part by its old id must use the new id. Old editor links and bookmarks still open (they redirect to the new address). The filters and sorts that the editor saved in the browser reset once.
+- 10276ee: The header's "Call to action" can show the phone number (from Business › Contact; it calls on a phone and leads to the contact page on larger screens) as a text button before its button, and both share a row at the bottom of the menu; the menu opens from the side its button is on, and no drawer (site or editor) shows a gap at the screen's edge when its spring overshoots. In the editor, the back gesture goes from a section's list to the main menu, Header and Footer are under Appearance, and Business is a section of its own after Blocks and Apps.
 - 9ddc437: A list item can be selected with a long press on a phone (`selectable` on the theme's `ListItem`); in the editor's notifications this selects notifications to delete.
 - 32b4395: The bell in the editor's top bar opens the notifications in a side sheet over the screen you are on, instead of a screen of their own.
+- 774ab69: Social media profiles are a list of links added with the + button; a link to Facebook, X, LinkedIn or Pinterest gets its name and icon from the address, and the share buttons are under their own heading.
 - 82d64b7: The start screen has a "Continue where you left off" card with the last three pages and blog posts saved, a notice of what was updated since your last visit (each with a close button), and the licenses link sits in a footer at the bottom of every screen.
+- 03ad8a9: Move the theme store from the Appstore to its own screen, Theme store, first under Appearance.
 
 ### Patch Changes
 
+- ccefd29: The licence checks know `@app/self` (app contract 3): an app that imports it no longer needs it in `thirdParty`, and
+  the site's licence list counts its virtual module as the site's own.
+- e9d6b34: The editor's notifications also show when the website updated Morpheme from npm, undid an update or got stuck.
 - a283bcc: The drawer's divider stands level with the top bar's line.
+- 6fa3043: The store no longer moves old store copies; all sites use permanent ids.
 - 9c24224: The text editor's empty-line hint says "Write text here…" again, on a line no taller than the hint.
+- 697a7dc: List items follow Material 3's focus layer, corners and hover colours.
+- 8fd74d0: Editor menu: Header and Footer come right after Themes under Appearance, and Logo and icon is under Business.
+- 3a6157b: New sites get a `.gitattributes` that keeps LF line endings on Windows.
 - 3961b6d: The text toolbar no longer scrolls sideways on a phone: the tools that do not fit are on a second row, shown with the arrow at its end.
+- 34f69c5: Open website, in the editor's top bar, opens the site in a new window instead of a new tab.
 
 ## 0.12.0
 

package/defaults/collections.ts

@@ -13,7 +13,7 @@ import { config } from '@site/config';
 import { standardPaths } from '@site/standardPages';
 
 // The fields of one button of the action bar (the bottom bar on a phone, ActionBar.astro) and of the button in the header
-// ("Header button", src/data/header.json): its text, where it leads, and the promotion or page it leads to.
+// ("Call to action", src/data/header.json): its text, where it leads, and the promotion or page it leads to.
 const barButtonLabel: Field = {
   name: 'label',
   label: 'Button text',
@@ -218,59 +218,36 @@ export const contactFields: Field[] = [
   },
 ];
 
-// The social media (src/data/social.json, a part of its own under "Business", company.ts): the site's profiles, and
-// which share buttons a post shows. A switch that is not in the file is on (company.ts gives the form that default).
-// A profile address: empty, or one that begins with https://.
-const httpsAddress: [string, string] = ['^$|^https://\\S+$', 'Write an address that starts with https://'];
-
+// The social media (src/data/social.json, a part of its own under "Business", company.ts): the site's profiles, a list of
+// links added with the FAB, each one's network and icon known by its address (networkOf in site/social.mjs), and which
+// share buttons a post shows. A switch that is not in the file is on (company.ts gives the form that default).
 export const socialFields: Field[] = [
   {
-    name: 'facebook',
-    label: 'Facebook',
-    type: 'string',
-    hint: "The address of the site's profile. Shown in Google's data about the business.",
-    pattern: httpsAddress,
-  },
-  {
-    name: 'instagram',
-    label: 'Instagram',
-    type: 'string',
-    pattern: httpsAddress,
-  },
-  {
-    name: 'linkedin',
-    label: 'LinkedIn',
-    type: 'string',
-    pattern: httpsAddress,
-  },
-  {
-    name: 'x',
-    label: 'X',
-    type: 'string',
-    pattern: httpsAddress,
-  },
-  {
-    name: 'youtube',
-    label: 'YouTube',
-    type: 'string',
-    pattern: httpsAddress,
-  },
-  {
-    name: 'tiktok',
-    label: 'TikTok',
-    type: 'string',
-    pattern: httpsAddress,
+    name: 'profiles',
+    label: 'Profiles',
+    type: 'list',
+    links: true,
+    hint: "The site's profiles on social media. Shown in Google's data about the business.",
+    summary: 'url',
+    fields: [
+      {
+        name: 'url',
+        label: 'Address',
+        type: 'string',
+        required: true,
+        pattern: ['^https://\\S+$', 'Write an address that starts with https://'],
+      },
+    ],
   },
   {
-    name: 'pinterest',
-    label: 'Pinterest',
-    type: 'string',
-    pattern: httpsAddress,
+    name: 'shareFacebook',
+    label: 'Facebook',
+    type: 'boolean',
+    heading: { label: 'Share buttons', hint: 'The buttons at the top of each blog post.' },
   },
-  { name: 'shareFacebook', label: 'Share on Facebook', type: 'boolean' },
-  { name: 'shareX', label: 'Share on X', type: 'boolean' },
-  { name: 'shareLinkedin', label: 'Share on LinkedIn', type: 'boolean' },
-  { name: 'sharePinterest', label: 'Share on Pinterest', type: 'boolean', hint: 'Shown only when the post has a picture.' },
+  { name: 'shareX', label: 'X', type: 'boolean' },
+  { name: 'shareLinkedin', label: 'LinkedIn', type: 'boolean' },
+  { name: 'sharePinterest', label: 'Pinterest', type: 'boolean', hint: 'Shown only when the post has a picture.' },
   { name: 'shareCopyLink', label: 'Copy link', type: 'boolean' },
 ];
 
@@ -869,22 +846,32 @@ export const collections: Collection[] = [
         optional: true,
         fields: [
           {
+            // The call to action: the button and the site's phone number (contact settings) as a text button before it, in
+            // the header and at the bottom of the navigation drawer (Header.astro, MobileMenu.tsx; site/header.mjs).
             name: 'button',
-            label: 'Action button',
+            label: 'Call to action',
             type: 'object',
             fields: [
               {
                 name: 'enabled',
-                label: 'Activated',
+                label: 'Button',
                 type: 'boolean',
                 toggle: ['On', 'Off'],
                 default: false,
-                hint: 'The button is in the header.',
+                hint: 'The button is in the header and at the bottom of the menu.',
               },
               barButtonLabel,
               barButtonTo,
               barButtonOpen,
               barButtonHref,
+              {
+                name: 'phone',
+                label: 'Phone number',
+                type: 'boolean',
+                toggle: ['On', 'Off'],
+                default: true,
+                hint: 'The phone number from the contact settings, before the button in the header and at the bottom of the menu.',
+              },
             ],
           },
           {

package/defaults/company.ts

@@ -1,11 +1,13 @@
 // "Business": the business, in parts, each a screen of its own (CompanyForm.tsx): its phone, e-mail and address
 // (src/data/contact.json) and its bank details (src/data/payment.json, under "Payment", where a site may add its
 // other ways to pay, and where the settings of the apps installed that are a way to pay come after, as MobilePay's),
-// used all over the site; and its social media (src/data/social.json): the profiles and the post's share buttons.
+// used all over the site; and its social media (src/data/social.json): the profiles, a list of links added with the FAB, and
+// the post's share buttons.
 // The logo and the icon are under "Appearance" (BrandForm.tsx); the link to the calendar in Calendly is the app Calendly's (morpheme-apps/apps/calendly/).
 import { AddressBook, Bank, CreditCard, ShareNetwork } from '@phosphor-icons/react';
 import type { Part } from '../src/schema';
 import { bankFields, contactFields, socialFields } from '@site/collections';
+import { upgradeSocial } from '../site/social.mjs';
 
 /** The parts of "Business", in their order, at #company/<id> ("Payment"'s at #company/payment/<id>). */
 export const companyParts: Part[] = [
@@ -16,6 +18,8 @@ export const companyParts: Part[] = [
     icon: ShareNetwork,
     file: 'src/data/social.json',
     fields: socialFields,
+    // A file from before the profiles were a list (a key for each network) is read and saved as one.
+    upgrade: upgradeSocial,
     // A switch missing from the file (or a file not there yet) is on; the form would show it off without this.
     defaults: { shareFacebook: true, shareX: true, shareLinkedin: true, sharePinterest: true, shareCopyLink: true },
   },

package/defaults/editor.ts

@@ -3,8 +3,8 @@
 // standard parts: a site has them unless its src/site/ has a file of the same name (siteFile in site/theme.mjs), which
 // may take the standard one from @morphemecms/cms/defaults/<file> and add its own.
 //   collections   the parts of the site and their fields (collections.ts)
-//   groups, settings, lists, header, icons   the menu and the start screen
-//   appearance    the site's own parts under "Appearance", after the logo and icon ("Default pages")
+//   groups, settings, lists, header, icons   the menu and the start screen ("Appearance" starts with "Theme store", the store's themes)
+//   appearance    the site's own parts under "Appearance", after the colours ("Default pages")
 //   companyParts, blockParts   the screens under "Business" and "Blocks" (company.ts, blockTexts.ts)
 //   partScreens   parts of the start screen that are screens with parts of their own (privacy.ts)
 //   seoParts      the site's own parts under "Search engine optimization" (#seo/<id>), in the menu under "Content" (internalLinks.ts)
@@ -112,7 +112,7 @@ export const icons: Record<string, Icon> = {
   tags: Tag,
   popups: Megaphone,
   company: Buildings,
-  // The sections of the main menu that are not also a part.
+  // The sections of the main menu that are not also a part ("Business" is the part "company"'s icon).
   content: Article,
   global: GlobeSimple,
   settings: GearSix,
@@ -127,10 +127,11 @@ export const icons: Record<string, Icon> = {
   'block-settings': ToggleRight,
   apps: PuzzlePiece,
   appstore: Storefront,
+  'theme-store': Storefront,
   morpheme: Sparkle,
   advanced: Wrench,
   licenses: Certificate,
-  // The screens under "Appearance" (Library.tsx Theme).
+  // The screens under "Appearance" (Library.tsx Theme), the first the store's themes.
   themes: Swatches,
   colors: Palette,
   logo: Sticker,
@@ -140,7 +141,7 @@ export const icons: Record<string, Icon> = {
   parts: Shapes,
 };
 
-/** The site's own parts under "Appearance" (#appearance), after the logo and icon, each a screen of its own at #appearance/<id>:
+/** The site's own parts under "Appearance" (#appearance), after the colours, each a screen of its own at #appearance/<id>:
  * "Default pages", which pages are the front page, the blog page, the 404 page and the contact page, as a list
  * (standardPageFieldsOf in collections.ts; the privacy policy and the cookie policy are under "Privacy", privacy.ts). */
 export const appearance: Part[] = [
@@ -157,12 +158,13 @@ export const appearance: Part[] = [
 // The editor's menu: eight sections in a fixed order, shown in the order written here, never A–Z. "Dashboard" is a link to the
 // start screen (`href`) without a list; the others have a list of parts, each an id: the content the owner writes and
 // uploads ("Content": the pages, the blog, the short lists, the pop-ups, the tags, the files, "internal links" (seoParts)
-// and "redirects", Redirects.tsx), what is on every page ("Globals": the header with the menus, the footer and
-// "Business": name, contact and booking), the apps ("Apps": the apps that come with the site, src/apps/, AppList.tsx,
-// and "appstore"), the blocks ("Blocks": their shared texts, and "Block selection", which of them can be put in), how the site
-// looks ("Appearance": the theme, the icon packs, the motion, the side column (SideColumn.tsx), the colors, the logo and icon, the standard pages
-// (appearance) and the editor's parts: Colors.tsx, BrandForm.tsx and Parts.tsx), the parts of "Privacy" (privacy.ts)
-// and the settings of the whole site ("Settings").
+// and "redirects", Redirects.tsx), the blocks ("Blocks": their shared texts, and "Block selection", which of them can be
+// put in), the apps ("Apps": the apps that come with the site, src/apps/, AppList.tsx, and "appstore"), the business
+// ("Business": the logo and icon first (company/logo, BrandForm.tsx), then the section of the editor's part "company": its parts, name, contact and booking, are its rows; lib/menu.mjs),
+// how the site looks ("Appearance": the theme store, the header with the menus and the footer (what is on every page), the theme,
+// the icon packs, the motion, the side column (SideColumn.tsx), the colors, the standard pages (appearance)
+// and the editor's parts: Colors.tsx, BrandForm.tsx and Parts.tsx), the parts of "Privacy" (privacy.ts) and the settings
+// of the whole site ("Settings").
 // Each part is a collection (collections.ts), except those named above, "privacy"'s (partScreens) and the editor's own
 // "company" (companyParts), "blocks" (blockParts), id files (the pictures, PDFs, videos and zip files), "header", "lists"
 // and "block-settings" (BlockSettings.tsx).
@@ -174,13 +176,24 @@ export const groups: { id: string; title: string; href?: string; ids: string[] }
     title: 'Content',
     ids: ['pages', 'blog', 'lists', 'popups', 'tags', 'files', internalLinks.id, 'redirects'],
   },
-  { id: 'global', title: 'Globals', ids: ['header', 'footer', 'company'] },
-  { id: 'apps', title: 'Apps', ids: ['apps', 'appstore'] },
   { id: 'blocks', title: 'Blocks', ids: ['blocks', 'block-settings'] },
+  { id: 'apps', title: 'Apps', ids: ['apps', 'appstore'] },
+  { id: 'company', title: 'Business', ids: ['logo', 'company'] },
   {
     id: 'appearance',
     title: 'Appearance',
-    ids: ['themes', 'icon-packs', 'motion', 'side-column', 'colors', 'logo', ...appearance.map((p) => p.id), 'parts'],
+    ids: [
+      'theme-store',
+      'header',
+      'footer',
+      'themes',
+      'icon-packs',
+      'motion',
+      'side-column',
+      'colors',
+      ...appearance.map((p) => p.id),
+      'parts',
+    ],
   },
   { id: 'privacy', title: 'Privacy', ids: privacy.parts.map((p) => p.id) },
   { id: 'settings', title: 'Settings', ids: settingsIds },

package/defaults/i18n/da-DK/collections.ts

@@ -51,12 +51,12 @@ export const collections: Record<string, string> = {
   'CVR number': 'CVR-nummer',
   'Shown at the bottom of every page.': 'Vises nederst på hver side.',
   'A CVR number has eight digits': 'Et CVR-nummer har otte cifre',
-  "The address of the site's profile. Shown in Google's data about the business.":
-    'Adressen på sitets profil. Vises i Googles data om virksomheden.',
-  'Share on Facebook': 'Del på Facebook',
-  'Share on X': 'Del på X',
-  'Share on LinkedIn': 'Del på LinkedIn',
-  'Share on Pinterest': 'Del på Pinterest',
+  Profiles: 'Profiler',
+  Address: 'Adresse',
+  "The site's profiles on social media. Shown in Google's data about the business.":
+    'Sitets profiler på sociale medier. Vises i Googles data om virksomheden.',
+  'Share buttons': 'Delingsknapper',
+  'The buttons at the top of each blog post.': 'Knapperne øverst i hvert blogindlæg.',
   'Shown only when the post has a picture.': 'Vises kun, når indlægget har et billede.',
   'Copy link': 'Kopiér link',
   'Reg. no.': 'Reg.nr.',
@@ -192,8 +192,11 @@ export const collections: Record<string, string> = {
   'header button': 'headerknap',
   'Header button': 'Headerknap',
   'The header': 'Headeren',
-  'Action button': 'Handlingsknap',
-  'The button is in the header.': 'Knappen står i headeren.',
+  'Call to action': 'Opfordring til handling',
+  'The button is in the header and at the bottom of the menu.': 'Knappen står i headeren og nederst i menuen.',
+  'Phone number': 'Telefonnummer',
+  'The phone number from the contact settings, before the button in the header and at the bottom of the menu.':
+    'Telefonnummeret fra kontaktoplysningerne, før knappen i headeren og nederst i menuen.',
   'Menu button position': 'Menuknappens placering',
   Left: 'Venstre',
   Right: 'Højre',

package/defaults/i18n/da-DK/editor.ts

@@ -4,8 +4,8 @@ export const editor: Record<string, string> = {
   'Default pages': 'Standardsider',
   Dashboard: 'Oversigt',
   Content: 'Indhold',
-  Globals: 'Globalt',
   Blocks: 'Blokke',
+  Business: 'Virksomheden',
   Appearance: 'Udseende',
   Privacy: 'Privatliv',
   Settings: 'Indstillinger',

package/defaults/i18n/da-DK/rules.ts

@@ -15,6 +15,7 @@ export const rules: Record<string, string> = {
   'Edit the action bar': 'Rediger handlingslinjen',
   'Edit the default buttons': 'Rediger standardknapperne',
   'The default pages must be different pages.': 'Standardsiderne skal være forskellige sider.',
+  'The address {url} is in the list of profiles more than once.': 'Adressen {url} er flere gange på listen over profiler.',
   'The page "{side}" does not have the block {blok}, which {hvad} must have. Put it in on the page first.':
     'Siden "{side}" har ikke blokken {blok}, som {hvad} skal have. Sæt den ind på siden først.',
   '{side} must be a published page.': '{side} skal være en side, der er udgivet.',

package/defaults/rules.ts

@@ -15,6 +15,7 @@ import { collections } from '@site/collections';
 import { config } from '@site/config';
 import { opensOf } from '@site/opens';
 import { differentPages, standardPages, standardPaths } from '@site/standardPages';
+import { twiceIn, upgradeSocial } from '../site/social.mjs';
 
 const fm = (file: RepoFile) => readFields(splitFrontmatter(file.text).yaml);
 // A page's address: `path`, or /<file name>/ for pages made in the editor.
@@ -226,7 +227,7 @@ function standardKept(data: Record<string, unknown>, files: RepoFile[]): Status
 }
 
 /** What is wrong on the site by its own rules, a line for each, before it is built (checkSite.ts): a standard page that
- * is not a page on the site, or the same page twice, and a button that opens a promotion that is gone, turned off or not
+ * is not a page on the site, or the same page twice, a profile on social media twice, and a button that opens a promotion that is gone, turned off or not
  * shown on its page. */
 export function siteProblems(files: { path: string; text: string }[]): string[] {
   const problems: string[] = [];
@@ -241,6 +242,17 @@ export function siteProblems(files: { path: string; text: string }[]): string[]
     if (!differentPages(standardOf(files)))
       problems.push(`${config.standardPages}: ${siteText('The default pages must be different pages.')}`);
   }
+  // A profile is on social media's list once (Business › Social media, social.json).
+  const social = files.find((f) => f.path === 'src/data/social.json');
+  if (social) {
+    try {
+      const profiles = upgradeSocial(JSON.parse(social.text) as Record<string, unknown>).profiles;
+      for (const url of twiceIn(Array.isArray(profiles) ? profiles : []))
+        problems.push(`${social.path}: ${siteText('The address {url} is in the list of profiles more than once.', { url })}`);
+    } catch {
+      // A file that is not JSON is found by the check of the files' own rules.
+    }
+  }
   const promotions = files.filter((f) => f.path.startsWith('src/data/popups/') && f.path.endsWith('.json'));
   const slugs = new Set<string>();
   for (const f of files) for (const m of f.text.matchAll(/(?:&quot;|")open(?:&quot;|"):\s*(?:&quot;|")([^"&]+)/g)) slugs.add(m[1]);

package/lib/focusTrap.d.mts

@@ -0,0 +1,20 @@
+/**
+ * The elements that are drawn now: one that is hidden (display: none, as the contact-page link is below the medium window
+ * size) has no boxes and cannot take the focus, so it is neither the first nor the last stop.
+ * @template {{ getClientRects(): { length: number } }} T
+ * @param {ArrayLike<T>} elements
+ * @returns {T[]}
+ */
+export function visibleElements<T extends {
+    getClientRects(): {
+        length: number;
+    };
+}>(elements: ArrayLike<T>): T[];
+/**
+ * The index to focus when Tab would leave the list, or null when the browser may move the focus itself.
+ * @param {boolean} shift whether Shift is held
+ * @param {number} current the index of the focused element, -1 when it is not in the list
+ * @param {number} count how many stops there are
+ * @returns {number | null}
+ */
+export function trapTarget(shift: boolean, current: number, count: number): number | null;

package/lib/focusTrap.mjs

@@ -0,0 +1,28 @@
+// Keeps Tab inside a modal drawer (theme/components/MobileMenu.tsx does the DOM). Exposes visibleElements and trapTarget;
+// no dependencies.
+
+/**
+ * The elements that are drawn now: one that is hidden (display: none, as the contact-page link is below the medium window
+ * size) has no boxes and cannot take the focus, so it is neither the first nor the last stop.
+ * @template {{ getClientRects(): { length: number } }} T
+ * @param {ArrayLike<T>} elements
+ * @returns {T[]}
+ */
+export function visibleElements(elements) {
+  return Array.from(elements).filter((el) => el.getClientRects().length > 0);
+}
+
+/**
+ * The index to focus when Tab would leave the list, or null when the browser may move the focus itself.
+ * @param {boolean} shift whether Shift is held
+ * @param {number} current the index of the focused element, -1 when it is not in the list
+ * @param {number} count how many stops there are
+ * @returns {number | null}
+ */
+export function trapTarget(shift, current, count) {
+  if (count === 0) return null;
+  if (current < 0) return shift ? count - 1 : 0;
+  if (shift && current === 0) return count - 1;
+  if (!shift && current === count - 1) return 0;
+  return null;
+}

package/lib/focusTrap.test.mjs

@@ -0,0 +1,41 @@
+// Tests lib/focusTrap.mjs: which stops count in the drawer and where Tab wraps.
+import { test } from 'node:test';
+import assert from 'node:assert/strict';
+import { trapTarget, visibleElements } from './focusTrap.mjs';
+
+const el = (name, drawn) => ({ name, getClientRects: () => (drawn ? [{}] : []) });
+
+test('visibleElements drops the elements that are not drawn', () => {
+  const list = [el('a', true), el('hidden', false), el('b', true)];
+  assert.deepEqual(
+    visibleElements(list).map((e) => e.name),
+    ['a', 'b'],
+  );
+});
+
+test('the last stop is the last drawn one, not a hidden element after it', () => {
+  const list = visibleElements([el('first', true), el('last', true), el('hidden link', false)]);
+  assert.equal(trapTarget(false, 1, list.length), 0);
+});
+
+test('Tab on the last stop wraps to the first', () => {
+  assert.equal(trapTarget(false, 2, 3), 0);
+});
+
+test('Shift+Tab on the first stop wraps to the last', () => {
+  assert.equal(trapTarget(true, 0, 3), 2);
+});
+
+test('Tab inside the list is left to the browser', () => {
+  assert.equal(trapTarget(false, 0, 3), null);
+  assert.equal(trapTarget(true, 2, 3), null);
+});
+
+test('focus outside the list goes to its first or last stop', () => {
+  assert.equal(trapTarget(false, -1, 3), 0);
+  assert.equal(trapTarget(true, -1, 3), 2);
+});
+
+test('an empty list has no target', () => {
+  assert.equal(trapTarget(false, -1, 0), null);
+});

package/lib/folderChanges.mjs

@@ -1,5 +1,5 @@
 // The changes that make a folder in a site the store's version of an app or a theme, with its store.json note, or remove
-// it. Exposes folderChanges (used by src/store.ts and src/legacyMove.ts). Depends on ./storeEntries.mjs (RECORD).
+// it. Exposes folderChanges (used by src/store.ts). Depends on ./storeEntries.mjs (RECORD).
 import { RECORD } from './storeEntries.mjs';
 
 /** @typedef {{ path: string, oid: string }} RepoFile

package/lib/licenses.d.mts

@@ -37,7 +37,7 @@ export function iconPackWorks(pack: IconPack, root: string): {
 export function systemPackages(): Set<any>;
 /** The packages a folder's code imports by name (`from 'motion'`, `import('…')`, CSS `@import '…'` and `@plugin '…'`;
  * not `import type`, which ships nothing), each with the files that import it: not node's own, the site's aliases
- * (@theme/, @site/, @data/, @saturn/) or Vite's and Astro's virtual modules. */
+ * (@theme/, @site/, @data/, @saturn/, an app's @app/self) or Vite's and Astro's virtual modules. */
 export function importsIn(folder: any): Map<any, any>;
 /** A work an app or a theme declares (an entry of its `thirdParty`), as "Licenser" shows it, with its licence's text:
  * an npm package's from its folder (its id its name), with the `author` and the licence `file` (in the app's or the

package/lib/licenses.imports.test.mjs

@@ -0,0 +1,33 @@
+// Tests that importsIn skips @app/self and site aliases
+// Run with: node --test lib/licenses.imports.test.mjs
+import { test } from 'node:test';
+import assert from 'node:assert/strict';
+import { mkdtempSync, writeFileSync, rmSync } from 'node:fs';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import { importsIn } from './licenses.mjs';
+
+const keysOf = (code) => {
+  const folder = mkdtempSync(join(tmpdir(), 'imports-'));
+  try {
+    writeFileSync(join(folder, 'a.ts'), code);
+    return [...importsIn(folder).keys()].sort();
+  } finally {
+    rmSync(folder, { recursive: true, force: true });
+  }
+};
+
+test("skips an app's @app/self", () => {
+  const code = `import self from '@app/self';\nimport { animate } from 'motion';\n`;
+  assert.deepEqual(keysOf(code), ['motion']);
+});
+
+test('lists another @app/ import as a package', () => {
+  const code = `import x from '@app/other';\n`;
+  assert.deepEqual(keysOf(code), ['@app/other']);
+});
+
+test('skips the site aliases', () => {
+  const code = `import t from '@theme/x';\nimport s from '@site/y';\n`;
+  assert.deepEqual(keysOf(code), []);
+});

package/lib/licenses.mjs

@@ -205,7 +205,7 @@ const builtins = new Set(builtinModules);
 
 /** The packages a folder's code imports by name (`from 'motion'`, `import('…')`, CSS `@import '…'` and `@plugin '…'`;
  * not `import type`, which ships nothing), each with the files that import it: not node's own, the site's aliases
- * (@theme/, @site/, @data/, @saturn/) or Vite's and Astro's virtual modules. */
+ * (@theme/, @site/, @data/, @saturn/, an app's @app/self) or Vite's and Astro's virtual modules. */
 export function importsIn(folder) {
   const found = new Map();
   if (!existsSync(folder)) return found;
@@ -225,7 +225,10 @@ export function importsIn(folder) {
       ...code.matchAll(/@(?:import|plugin)\s+(?:url\()?\s*['"]([^'"]+)['"]/g),
     ].map((m) => m[1]);
     for (const specifier of specifiers) {
-      if (/^(\.|\/|node:|@theme\/|@site\/|@data\/|@saturn\/|virtual:|astro:|https?:|data:|\$)/.test(specifier) || specifier.startsWith('#'))
+      if (
+        /^(\.|\/|node:|@theme\/|@site\/|@data\/|@saturn\/|@app\/self$|virtual:|astro:|https?:|data:|\$)/.test(specifier) ||
+        specifier.startsWith('#')
+      )
         continue;
       const name = packageName(specifier);
       if (builtins.has(name)) continue;
@@ -423,12 +426,12 @@ function whereOf(file, root) {
 }
 
 /** The bundler's helpers that it writes into the bundle (Vite's and Rolldown's virtual modules): their package. The
- * site's own virtual modules (the apps' folders, the theme's icons and coverage) are made of its own files. */
+ * site's own virtual modules (the apps' folders and @app/self, the theme's icons and coverage) are made of its own files. */
 const HELPERS = [
   [/^\0vite\//, 'vite'],
   [/^\0rolldown\//, 'rolldown'],
 ];
-const OWN_VIRTUAL = [/^\0virtual:(app-folders|all-icons|material-symbols|theme-coverage)$/, /^\0site-theme-icons?(:|$)/];
+const OWN_VIRTUAL = [/^\0virtual:(app-folders|all-icons|material-symbols|theme-coverage)$/, /^\0site-theme-icons?(:|$)/, /^\0app-self:/];
 
 /** An app or a theme as licensesIntegration takes it: its kind and id, its name, version and who made it, its manifest
  * (its defineApp or its theme.json, with `license` and `thirdParty`), its folder, and whether the site is built with it

package/lib/menu.mjs

@@ -1,8 +1,12 @@
 // The editor's menu as data: the two-level tree (menuTree) and which section/item/child is open for a route (currentPlace).
-// In the Apps section the installed-apps list (`apps`) is not an item: each installed app is an item after the others.
+// A section that is a part with a list of its own (Apps: the installed apps, `apps`; Business: the business's parts,
+// `company`) has not that part as an item: each of its children is an item, after the others.
 // currentPart (which item is open for a route) is exported only for its tests; currentPlace uses it as its last rule.
 // Pure, no browser; MainMenu.tsx draws the drawer from it. No dependencies.
 
+// The sections that are a part whose children are the section's rows.
+const HOISTED = ['apps', 'company'];
+
 /**
  * @param {{ id: string, title: string, href?: string, ids: string[] }[]} groups
  * @param {(id: string) => { label: string, href: string, count: number | null }} partOf
@@ -15,9 +19,10 @@ export function menuTree(groups, partOf, childrenOf) {
     if (group.href !== undefined) {
       entry.href = group.href;
     }
-    // The installed-apps list (#apps) is not a row of the Apps section: its apps are rows, after the other items.
-    const hoisted = group.id === 'apps' ? childrenOf('apps') : [];
-    const rows = group.id === 'apps' ? group.ids.filter((id) => id !== 'apps') : group.ids;
+    // The part the section is (#apps, #company) is not a row of it: its children are rows, after the other items.
+    const own = HOISTED.includes(group.id) && group.ids.includes(group.id);
+    const hoisted = own ? childrenOf(group.id) : [];
+    const rows = own ? group.ids.filter((id) => id !== group.id) : group.ids;
     entry.items = rows.map((id) => {
       const item = { id, ...partOf(id) };
       const children = childrenOf(id);