@molecule/app-forum-thread-row-angular 0.0.0-stage → 0.0.1-stage

package/LICENSE

@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -1,3 +1,387 @@
-# Temporary Holding Version
+<!--
+AUTO-GENERATED — DO NOT EDIT THIS FILE.
+Generated by `mlcl sync-docs` from the package's src/index.ts JSDoc + mlcl/registry.json.
+Edits here are overwritten on the next commit (molecule's pre-commit hook regenerates).
+To change this document, edit the module-level JSDoc in src/index.ts.
+Generated: 2026-11-15T09:11:57.360Z
+-->
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+# @molecule/app-forum-thread-row-angular
+
+Angular forum / discussion-board thread row — the counterpart of
+`@molecule/app-forum-thread-row-react`: the same props and the same DOM for
+the same input.
+
+Exports `ForumThreadRow` — title, optional excerpt, vote score, reply/view
+counts, pin/lock badges, author, timestamp, tag chips, and an optional
+`voteControls` slot for inline up/down buttons.
+
+> **Auto-generated, AI-first package reference** for the [molecule.dev](https://molecule.dev) ecosystem.
+> It is written to be read by coding agents as much as by people, and is generated from this
+> package's source — edit `src/index.ts` JSDoc, not this file.
+
+## Quick Start
+
+```ts
+import { Component } from '@angular/core'
+import { ForumThreadRow } from '@molecule/app-forum-thread-row-angular'
+
+@Component({
+  selector: 'app-thread',
+  standalone: true,
+  imports: [ForumThreadRow],
+  template: `
+    <article
+      mol-forum-thread-row
+      title="How do I reset my password?"
+      excerpt="I tried the forgot-password link but never received an email."
+      [voteScore]="42"
+      [replyCount]="7"
+      [viewCount]="320"
+      author="alice"
+      createdAt="2 hours ago"
+      [onClick]="openThread"
+    >
+      <span slot="tags">help</span>
+    </article>
+  `,
+})
+export class Thread {
+  openThread(): void {
+    // navigate to the thread…
+  }
+}
+```
+
+## Type
+
+`feature`
+
+## Installation
+
+```bash
+npm install @molecule/app-forum-thread-row-angular @angular/common @angular/core @angular/platform-browser @molecule/app-angular @molecule/app-ui @molecule/app-ui-angular
+```
+
+## API
+
+### Interfaces
+
+#### `ForumThreadRowProps`
+
+Props for {@link ForumThreadRow} — the same props
+`@molecule/app-forum-thread-row-react` accepts. Node-valued props (`title`,
+`excerpt`, `author`, `createdAt`, `tags`, `voteControls`) are projected
+content in Angular (an input cannot carry a node): pass a string value
+through the input, and element content in the host template as
+`[slot=<name>]` content.
+
+```typescript
+interface ForumThreadRowProps {
+  /** Thread title; element content is projected as `[slot=title]` content. */
+  title?: unknown
+  /** Optional snippet of the OP body; projected as `[slot=excerpt]` content. */
+  excerpt?: unknown
+  /** Aggregate vote score / upvotes. */
+  voteScore?: number
+  /** Reply count. */
+  replyCount?: number
+  /** View count. */
+  viewCount?: number
+  /** Optional pinned indicator. */
+  pinned?: boolean
+  /** Optional locked indicator. */
+  locked?: boolean
+  /** Author display; projected as `[slot=author]` content. */
+  author?: unknown
+  /** Created-at display; projected as `[slot=createdAt]` content. */
+  createdAt?: unknown
+  /** Tag chips; projected as `[slot=tags]` content. */
+  tags?: unknown
+  /** Right-side voting controls; projected as `[slot=voteControls]` content. */
+  voteControls?: unknown
+  /** Click handler; receives the DOM click event. */
+  onClick?: (event: Event) => void
+  /** Extra classes. */
+  className?: string
+}
+```
+
+### Classes
+
+#### `ForumThreadRow`
+
+ForumThreadRow component.
+
+Forum / discussion-board thread row. Shows the title, optional excerpt, vote
+score + reply/view counts, pin/lock badges, author, and timestamp. The host
+IS the root `<article>` (`article[mol-forum-thread-row]`), matching React's
+root exactly. The counter labels ("votes", "replies", "views") and the
+pin/lock aria-labels are the same hardcoded English React renders (React has
+no companion locale bond yet).
+
+The node props are projected slots: `title`, `excerpt`, `author`,
+`createdAt`, `tags` and `voteControls` each render inside the wrapper
+element React renders for them. String inputs render as text instead —
+React's truthiness branch applies: an empty string renders nothing. The
+capture wrappers reconcile against that in {@link ForumThreadRow.ngDoCheck}.
+
+```typescript
+@Component({
+  selector: 'article[mol-forum-thread-row]',
+  standalone: true,
+  inputs: [
+    'title',
+    'excerpt',
+    'voteScore',
+    'replyCount',
+    'viewCount',
+    'pinned',
+    'locked',
+    'author',
+    'createdAt',
+    'tags',
+    'voteControls',
+    'onClick',
+    'className',
+  ],
+  host: {
+    '[class]': 'classes()',
+    '(click)': 'handleClick($event)',
+  },
+  template: `<div #voteControlsWrap [class]="voteControlsClasses()">
+      {{ voteControlsText() }}
+      <ng-content select="[slot=voteControls]"></ng-content>
+    </div>
+    <div #scoreWrap [class]="scoreClasses()">
+      <span [class]="scoreValueClasses()">{{ voteScore }}</span>
+      <span [class]="scoreLabelClasses()">votes</span>
+    </div>
+    <div [class]="stackClasses()">
+      <header [class]="headerClasses()">
+        @if (pinned) {
+          <span aria-label="Pinned" title="Pinned">📌</span>
+        }
+        @if (locked) {
+          <span aria-label="Locked" title="Locked">🔒</span>
+        }
+        <h3 [class]="titleClasses()">
+          {{ titleText() }}
+          <ng-content select="[slot=title]"></ng-content>
+        </h3>
+      </header>
+      <p #excerptWrap [class]="excerptClasses()">
+        {{ excerptText() }}
+        <ng-content select="[slot=excerpt]"></ng-content>
+      </p>
+      <div [class]="metaClasses()">
+        <span #authorWrap [class]="authorClasses()">
+          {{ authorText() }}
+          <ng-content select="[slot=author]"></ng-content>
+        </span>
+        <span #createdAtWrap [class]="createdAtClasses()">
+          · {{ createdAtText() }}
+          <ng-content select="[slot=createdAt]"></ng-content>
+        </span>
+        @if (replyCount !== undefined) {
+          <span [class]="countClasses()">· {{ replyCount }} replies</span>
+        }
+        @if (viewCount !== undefined) {
+          <span [class]="countClasses()">· {{ viewCount }} views</span>
+        }
+      </div>
+      <div #tagsWrap [class]="tagsClasses()">
+        {{ tagsText() }}
+        <ng-content select="[slot=tags]"></ng-content>
+      </div>
+    </div>`,
+})
+export class ForumThreadRow implements AfterViewInit, DoCheck {
+  title?: unknown
+  excerpt?: unknown
+  voteScore?: number
+  replyCount?: number
+  viewCount?: number
+  pinned?: boolean
+  locked?: boolean
+  author?: unknown
+  createdAt?: unknown
+  tags?: unknown
+  voteControls?: unknown
+  onClick?: (event: Event) => void
+  className?: string
+
+  @ViewChild('voteControlsWrap') voteControlsWrap?: ElementRef<HTMLElement>
+  @ViewChild('scoreWrap') scoreWrap?: ElementRef<HTMLElement>
+  @ViewChild('excerptWrap') excerptWrap?: ElementRef<HTMLElement>
+  @ViewChild('authorWrap') authorWrap?: ElementRef<HTMLElement>
+  @ViewChild('createdAtWrap') createdAtWrap?: ElementRef<HTMLElement>
+  @ViewChild('tagsWrap') tagsWrap?: ElementRef<HTMLElement>
+
+  private readonly guard = new SlotGuard(inject(ElementRef), inject(Renderer2))
+
+  cm(): UIClassMap {
+    return getClassMap()
+  }
+
+  classes(): string {
+    return this.cm().cn(
+      this.cm().flex({ align: 'start', gap: 'sm' }),
+      this.cm().sp('p', 3),
+      this.onClick ? this.cm().cursorPointer : undefined,
+      this.className,
+    )
+  }
+
+  voteControlsClasses(): string {
+    return this.cm().cn(this.cm().shrink0)
+  }
+
+  scoreClasses(): string {
+    return this.cm().cn(this.cm().shrink0, this.cm().textCenter, this.cm().stack(0))
+  }
+
+  scoreValueClasses(): string {
+    return this.cm().cn(this.cm().textSize('sm'), this.cm().fontWeight('bold'))
+  }
+
+  scoreLabelClasses(): string {
+    return this.cm().cn(this.cm().textSize('xs'))
+  }
+
+  stackClasses(): string {
+    return this.cm().cn(this.cm().flex1, this.cm().stack(1))
+  }
+
+  headerClasses(): string {
+    return this.cm().flex({ align: 'center', gap: 'sm', wrap: 'wrap' })
+  }
+
+  titleClasses(): string {
+    return this.cm().cn(this.cm().textSize('base'), this.cm().fontWeight('semibold'))
+  }
+
+  excerptClasses(): string {
+    return this.cm().cn(this.cm().textSize('sm'))
+  }
+
+  metaClasses(): string {
+    return this.cm().flex({ align: 'center', gap: 'sm', wrap: 'wrap' })
+  }
+
+  authorClasses(): string {
+    return this.cm().cn(this.cm().textSize('xs'), this.cm().fontWeight('semibold'))
+  }
+
+  createdAtClasses(): string {
+    return this.cm().cn(this.cm().textSize('xs'))
+  }
+
+  countClasses(): string {
+    return this.cm().cn(this.cm().textSize('xs'))
+  }
+
+  tagsClasses(): string {
+    return this.cm().flex({ align: 'center', gap: 'xs', wrap: 'wrap' })
+  }
+
+  private textOf(value: unknown): string {
+    return typeof value === 'string' || typeof value === 'number' ? String(value) : ''
+  }
+
+  titleText(): string {
+    return this.textOf(this.title)
+  }
+
+  excerptText(): string {
+    return this.textOf(this.excerpt)
+  }
+
+  authorText(): string {
+    return this.textOf(this.author)
+  }
+
+  createdAtText(): string {
+    return this.textOf(this.createdAt)
+  }
+
+  tagsText(): string {
+    return this.textOf(this.tags)
+  }
+
+  voteControlsText(): string {
+    return this.textOf(this.voteControls)
+  }
+
+  private hasVoteControls(): boolean {
+    return this.voteControlsText() !== '' || hasProjectedSlot(this.voteControlsWrap?.nativeElement)
+  }
+
+  handleClick(event: Event): void {
+    this.onClick?.(event)
+  }
+
+  ngAfterViewInit(): void {
+    this.reconcile()
+  }
+
+  ngDoCheck(): void {
+    this.reconcile()
+  }
+
+  private reconcile(): void {
+    const hasVoteControls = this.hasVoteControls()
+    this.guard.toggle(this.voteControlsWrap?.nativeElement, hasVoteControls)
+    this.guard.toggle(
+      this.scoreWrap?.nativeElement,
+      this.voteScore !== undefined && !hasVoteControls,
+    )
+    const excerpt = this.excerptWrap?.nativeElement
+    const author = this.authorWrap?.nativeElement
+    const createdAt = this.createdAtWrap?.nativeElement
+    const tags = this.tagsWrap?.nativeElement
+    this.guard.toggle(excerpt, this.excerptText() !== '' || hasProjectedSlot(excerpt))
+    this.guard.toggle(author, this.authorText() !== '' || hasProjectedSlot(author))
+    this.guard.toggle(createdAt, this.createdAtText() !== '' || hasProjectedSlot(createdAt))
+    this.guard.toggle(tags, this.tagsText() !== '' || hasProjectedSlot(tags))
+  }
+}
+```
+
+_(Member comments are left out to fit; the full declaration is in `node_modules/@molecule/app-forum-thread-row-angular/dist/forum-thread-row.component.d.ts`.)_
+
+## Injection Notes
+
+### Requirements
+
+Peer dependencies:
+
+- `@angular/common` ^22.0.0
+- `@angular/core` ^22.0.0
+- `@angular/platform-browser` ^22.0.0
+- `@molecule/app-angular` ^3.5.0
+- `@molecule/app-ui` ^1.0.1
+- `@molecule/app-ui-angular` ^1.1.0
+
+### Runtime Dependencies
+
+- `@angular/common`
+- `@angular/core`
+- `@angular/platform-browser`
+- `@molecule/app-angular`
+- `@molecule/app-ui`
+- `@molecule/app-ui-angular`
+
+- Styling routes through `getClassMap()` — a ClassMap bond (e.g.
+  `@molecule/app-ui-tailwind`) must be wired or rendering throws.
+- KNOWN GAP (same as React): the counter labels ("votes", "replies",
+  "views") and the pin/lock aria-labels are hardcoded English (there is no
+  companion locale bond yet). For localized apps, pass pre-formatted content
+  via `tags` / `voteControls` or wrap the row until the package routes text
+  through `t()`.
+- The row has no `data-mol-id` support yet; add your own wrapper attribute
+  if AI-agent/e2e selectors need to target it.
+- Node-valued props are projected content: `title`, `excerpt`, `author`,
+  `createdAt`, `tags` and `voteControls` are selected by `[slot=<name>]`;
+  string inputs render as text with React's truthiness branch (an empty
+  string renders nothing).