Skip to content
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.

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

feat: add Eleventy shortcode #654

Draft
wants to merge 2 commits into
base: main
Choose a base branch
from
Draft

feat: add Eleventy shortcode #654

wants to merge 2 commits into from

Conversation

ascorbic
Copy link
Owner

@ascorbic ascorbic commented May 21, 2024

Related to #624

Introduces the @unpic/11ty package, providing an Eleventy shortcode for embedding responsive images using the unpic-img library.

  • Package Creation: Adds a new package @unpic/11ty with dependencies on @unpic/core and @11ty/eleventy. Includes a package.json and a main index.js file implementing the unpic shortcode.
  • Shortcode Implementation: Implements the unpic Eleventy shortcode in index.js, utilizing @unpic/core to transform image properties and generate an <img> tag with responsive attributes.
  • Documentation and Examples: Adds a README.md in the @unpic/11ty package detailing installation and usage instructions. Also, updates the main README.md to include Eleventy in the list of supported frameworks.
  • Demo and Testing: Includes an Eleventy demo site in examples/11ty demonstrating the use of the unpic shortcode. Modifies the .github/workflows/e2e.yml to add Eleventy to the end-to-end tests.
  • Documentation Update: Updates the documentation site with a new page docs/src/content/img/11ty.md explaining how to use the @unpic/11ty package in Eleventy projects.

For more details, open the Copilot Workspace session.

Copy link

netlify bot commented May 21, 2024

Deploy Preview for unpic-angular ready!

Name Link
🔨 Latest commit 5941f25
🔍 Latest deploy log https://app.netlify.com/sites/unpic-angular/deploys/664cedfbb2b398000856757c
😎 Deploy Preview https://deploy-preview-654--unpic-angular.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 site configuration.

Copy link

netlify bot commented May 21, 2024

Deploy Preview for unpic-docs ready!

Name Link
🔨 Latest commit 5941f25
🔍 Latest deploy log https://app.netlify.com/sites/unpic-docs/deploys/664cedfb2a0f3c000879c626
😎 Deploy Preview https://deploy-preview-654.preview.unpic.pics
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 99 (no change from production)
Accessibility: 100 (no change from production)
Best Practices: 92 (no change from production)
SEO: 100 (no change from production)
PWA: -
View the detailed breakdown and full score reports

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

Copy link

netlify bot commented May 21, 2024

Deploy Preview for unpic-next ready!

Name Link
🔨 Latest commit 5941f25
🔍 Latest deploy log https://app.netlify.com/sites/unpic-next/deploys/664cedfb94f94c00092e26e6
😎 Deploy Preview https://deploy-preview-654--unpic-next.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 site configuration.

@ascorbic ascorbic marked this pull request as draft May 21, 2024 19:25
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.

None yet

1 participant