This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* PostCSS Plugin: OKLCH to RGB Converter for DaisyUI | |
* | |
* Purpose: | |
* Fixes color compatibility issues when using Tailwind CSS and DaisyUI in Capacitor apps. | |
* Specifically targets the OKLCH color space which isn't fully supported in WebView environments. | |
* | |
* Problem: | |
* - DaisyUI uses OKLCH colors by default | |
* - Capacitor's WebView on certain platforms has inconsistent support for OKLCH |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"basics": { | |
"name": "Thomas Edison", | |
"label": "Inventor and Businessman", | |
"picture": "https://example.com/photo.jpg", | |
"email": "[email protected]", | |
"phone": "(123) 456-7890", | |
"website": "https://thomasedison.com", | |
"summary": "Prolific inventor and businessman known for developing many devices that greatly influenced life around the world, including the phonograph, the motion picture camera, and the electric light bulb.", | |
"location": { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React, { useState } from "react"; | |
import * as pdfjs from "pdfjs-dist/build/pdf"; | |
import "pdfjs-dist/build/pdf.worker.min.mjs"; | |
// PdfViewer component that renders the PDF as images | |
const PdfViewer = ({ pdfUrl }) => { | |
// State to hold the rendered images and loading status | |
const [images, setImages] = useState([]); | |
const [loading, setLoading] = useState(false); |