Skip to content

Support loading vue-lynx examples in playground#10

Open
Huxpro wants to merge 4 commits intomainfrom
Huxpro/vue-lynx-examples
Open

Support loading vue-lynx examples in playground#10
Huxpro wants to merge 4 commits intomainfrom
Huxpro/vue-lynx-examples

Conversation

@Huxpro
Copy link
Copy Markdown
Member

@Huxpro Huxpro commented Mar 16, 2026

Summary

Added support for loading vue-lynx examples in the go-web example playground alongside existing @lynx-example packages.

  • New script: prepare-vue-lynx-examples.js to prepare examples from local path or git repo
  • Search/filter: Example finder now has a search input for easy discovery
  • Source tagging: Vue examples show a green "Vue" badge to distinguish from @lynx examples
  • Smart defaults: Automatically selects the correct default file (.vue vs .tsx)
  • Build support: --build flag installs deps and builds examples automatically
  • CI: build-example job now clones and builds vue-lynx examples before building the app

Usage

```bash
pnpm prepare:vue-lynx # From local ~/github/vue-lynx (with build)
pnpm prepare:vue-lynx:git # From git repo with automatic build
```

Files Changed

  • `example/scripts/prepare-vue-lynx-examples.js` — Preparation script with local/git/build support
  • `example/package.json` — npm scripts for convenience
  • `example/src/main.tsx` — Search filter + Vue tags in example finder
  • `example/src/styles.css` — Vue tag styling
  • `.github/workflows/ci.yml` — Run vue-lynx example preparation in CI

@netlify
Copy link
Copy Markdown

netlify bot commented Mar 16, 2026

Deploy Preview for lynx-go-web ready!

Name Link
🔨 Latest commit 6ab488e
🔍 Latest deploy log https://app.netlify.com/projects/lynx-go-web/deploys/69b8ae505526950009f5715e
😎 Deploy Preview https://deploy-preview-10--lynx-go-web.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@Huxpro Huxpro force-pushed the Huxpro/vue-lynx-examples branch from f249e04 to ca66960 Compare March 16, 2026 19:54
Huxpro added 4 commits March 16, 2026 21:26
- Add prepare-vue-lynx-examples.js script to prepare examples from local path or git repo
- Support --build flag to install deps and build examples automatically
- Add filter/search input to example finder
- Add Vue source tags to distinguish vue-lynx from @lynx-example packages
- Smart default file selection (App.vue for vue examples, App.tsx for lynx)
- Add npm scripts: prepare:vue-lynx and prepare:vue-lynx:git
GitHub Actions HTTPS git clone fails for external repos without credentials.
Use actions/checkout which handles auth properly, then pass --local path.
- Add @lynx-example/* dependencies and bump web-core/web-elements
- Remove --build flag from local prepare:vue-lynx script
- Update prepare-examples and prepare-vue-lynx-examples scripts
@Huxpro Huxpro force-pushed the Huxpro/vue-lynx-examples branch from ca66960 to 6ab488e Compare March 17, 2026 01:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant