Skip to content

Update from template #65

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
alex-rawlings-yyc merged 3 commits into from
May 14, 2026
Merged

Update from template #65

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
5f44a9d
Upgrade to React 19, Tailwind 4, and new shadcn baseline (#153)
tjcouch-sil May 12, 2026
74fcf3a
Merge remote-tracking branch 'template/main' into update-from-template
alex-rawlings-yyc May 13, 2026
791ffd6
Update interlinearizer-extension for React 19 / Tailwind 4 compatibility
alex-rawlings-yyc May 13, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 14 additions & 2 deletions .stylelintrc.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ module.exports = {
extends: [
'stylelint-config-recommended',
'stylelint-config-sass-guidelines',
'stylelint-config-tailwindcss/scss',
'@dreamsicle.io/stylelint-config-tailwindcss',
],
overrides: [
{
Expand All @@ -29,7 +29,19 @@ module.exports = {
'scss/at-rule-no-unknown': [
true,
{
ignoreAtRules: ['tailwind', 'apply', 'layer', 'screen', 'variants'],
ignoreAtRules: [
'tailwind',
'apply',
'layer',
'screen',
'variants',
'config',
'theme',
'plugin',
'source',
'custom-variant',
'utility',
],
Comment thread
alex-rawlings-yyc marked this conversation as resolved.
},
],
'selector-max-compound-selectors': 4,
Expand Down
4 changes: 2 additions & 2 deletions AGENTS.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ This is a **Platform.Bible extension** for interlinear Bible text alignment. Pla

### WebView UI

`src/interlinearizer.web-view.tsx` — React component rendered inside Platform.Bible's WebView iframe. `useWebViewScrollGroupScrRef` is a **prop injected by the PAPI host** (not a hook import). Uses PAPI frontend hooks (`useProjectData`, `useProjectSetting`, `useLocalizedStrings`, `useRecentScriptureRefs`) to fetch live data. Renders verse segments as token chips with Tailwind utility classes (all prefixed `tw-`).
`src/interlinearizer.web-view.tsx` — React component rendered inside Platform.Bible's WebView iframe. `useWebViewScrollGroupScrRef` is a **prop injected by the PAPI host** (not a hook import). Uses PAPI frontend hooks (`useProjectData`, `useProjectSetting`, `useLocalizedStrings`, `useRecentScriptureRefs`) to fetch live data. Renders verse segments as token chips with Tailwind utility classes (all prefixed `tw:`).

The WebView is injected into the main bundle via Webpack's `?inline` query:

Expand All @@ -55,7 +55,7 @@ The WebView root component is assigned to `globalThis.webViewComponent` (not exp

### Styling

All UI uses Tailwind CSS (via `src/tailwind.css`). Every Tailwind class is prefixed `tw-` to avoid collisions with Platform.Bible's own styles (configured in `tailwind.config.ts`).
All UI uses Tailwind CSS (via `src/tailwind.css`). Every Tailwind class is prefixed `tw:` to avoid collisions with Platform.Bible's own styles (configured in `tailwind.config.ts`). For modifier variants the prefix comes first: `tw:hover:px-3`, not `hover:tw-px-3`.

### Parser pipeline

Expand Down
6 changes: 6 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -253,6 +253,12 @@ git merge template/main --allow-unrelated-histories

For more information, read [the instructions on the wiki](https://github.com/paranext/paranext-extension-template/wiki/Merging-Template-Changes-into-Your-Extension).

After updating this extension from the template, clear all temp/cache files and regenerate the extension's `package-lock.json` with this command:

```bash
npm run core:reinstall
```

**Note:** The merge/squash commits created when updating this repo from the template are important; Git uses them to compare the files for future updates. If you edit this repo's Git history, please preserve these commits (do not squash them, for example) to avoid duplicated merge conflicts in the future.

## Special features in this project
Expand Down
Loading
Loading