8,037 Matching Annotations
  1. Apr 2022
    1. IMAP URL for text fragment

      ``` The URL: <imap://minbari.example.org/gray-council;UIDVALIDITY=385759045/; UID=20/;PARTIAL=0.1024>

      may result in the following client commands and server responses:

      <connect to minbari.example.org, port 143> S: * OK [CAPABILITY IMAP4rev1 STARTTLS AUTH=ANONYMOUS] Welcome C: A001 AUTHENTICATE ANONYMOUS S: + C: c2hlcmlkYW5AYmFieWxvbjUuZXhhbXBsZS5vcmc= S: A001 OK Welcome sheridan@babylon5.example.org C: A002 SELECT gray-council <client verifies the UIDVALIDITY matches> C: A003 UID FETCH 20 BODY.PEEK[]<0.1024> ```

      ABNF: abnf partial-range = number ["." nz-number] ; partial FETCH. The first number is ; the offset of the first byte, ; the second number is the length of ; the fragment.

    1. ```js function useTraceUpdate(props) { const prev = useRef(props); useEffect(() => { const changedProps = Object.entries(props) .reduce((ps, [k, v]) => { if (prev.current[k] !== v) { ps[k] = [prev.current[k], v]; } return ps; }, {}); if (Object.keys(changedProps).length > 0) { console.log('Changed props:', changedProps); } prev.current = props; }); }

      // Usage function MyComponent(props) { useTraceUpdate(props); return <div>{props.children}</div>; } ```

    1. Using SVG as a component

      SVGs can be imported and used directly as a React component in your React code. The image is not loaded as a separate file, instead, it’s rendered along the HTML. A sample use-case would look like this:

      ```js import React from 'react'; import {ReactComponent as ReactLogo} from './logo.svg';

      const App = () => { return ( <div className="App"> <ReactLogo /> </div> ); } export default App; ```

      Note this approach only works with create-react-app

      1. </span>00:00<span> Jess and Crabbe – Hell and Back
      2. </span>05:00<span> Le Knight Club – Santa Claus (Paul Johnson Remix)
      3. </span>07:42<span> For the Floorz – Body Angels
      4. </span>11:43<span> Aloud – Sex and Sun III
      5. </span>14:26<span> Sedat – Feel Inside
      6. </span>19:51<span> We in Music – Grandlife (Time Code Mix By Play Paul)
      7. </span>25:19<span> Alex Gopher – Party People
      8. </span>27:47<span> Kid Creme – The Game (Kid’s Piano Mix)
      9. </span>32:27<span> Royksopp – Remind Me (Ernest Saint Laurent’s Moonfish Mix)
      10. </span>34:54<span> Trankilou – Champagne
      11. </span>39:44<span> Raw Man – Europa
      12. </span>42:41<span> Le Knight Club – Cherie D’Amour
      13. </span>47:07<span> Cheek – Venus
      14. </span>50:04<span> Sedat – The Turkish Avenger
      15. </span>53:42<span> The Eternals – Wrath of Zeus (Acapella)
      16. </span>54:20<span> Daddy’s Favourite – Good Times
      17. </span>57:32<span> Alan Braxe and Fred Falke – Intro
      18. </span>01:00:57<span> Crydajam – Loaded
      19. </span>01:05:24<span> Lifelike – Black Chess
      20. </span>01:08:28<span> Archigram – Carnaval
      21. </span>01:12:34<span> Bel Amour – Promise Me (Extended)
      22. </span>01:17:06<span> Billy Lo – Everytime
      23. </span>01:19:49<span> Phoenix – If I Ever Feel Better (Buffalo Bunch Remix)
      24. </span>01:24:15<span> Le Knight Club – Gator
      25. </span>01:28:06<span> Fantom – Faithful (Etienne de Crecy Remix)
      26. </span>01:30:04<span> Fantom – Faithful (Original)
      27. </span>01:33:32<span> Fantom – Faithful (Prassay Remix)
      28. </span>01:36:44<span> The Buffalo Bunch – Music Box
      29. </span>01:40:00<span> Thomas Bangalter – Ventura
      30. </span>01:43:16<span> Crydajam – Playground
      31. </span>01:46:16<span> Archigram – In Flight
      32. </span>01:51:05<span> Le Knight Club – Mosquito
      33. </span>01:53:48<span> Deelat – Wetness Anthem
      34. </span>01:56:26<span> We in Music – Now That Love Has Gone (Ice Creamer Remix By Aloud)
      35. </span>01:59:48<span> Modjo – No more tears (Alex Gopher Remix)
      36. </span>02:03:07<span> Stardust – Music Sounds Better With You (Bibi & Dimitri Anthem From Paris)
      37. </span>02:08:11<span> Cheek – Venus (I:Cube Remix)
      38. </span>02:12:15<span> Cassius – La Mouche (Played Live By DJ Falcon)
      39. </span>02:16:18<span> Modjo – Music Takes You Back
      40. </span>02:19:17<span> Daft Punk – Musique
      41. </span>02:22:23<span> Play Paul – Holy Ghostz
      42. </span>02:25:56<span> Vinyl Fever – 1h45 A.M on the Floor
      43. </span>02:29:30<span> Modjo – On Fire (Archigram’s When What Remix)
      44. </span>02:33:48<span> Aloud – Bob O’lean
      45. </span>02:36:38<span> Archigram – Mad Joe
      46. </span>02:41:04<span> Raw Man – Lovers
      47. </span>02:44:15<span> Daft Punk – One More Time
      48. </span>02:49:04<span> DJ Falcon – Honeymoon
      49. </span>02:52:46<span> Rhythm Masters – Good Times
      50. </span>02:56:38<span> Cassius – Nulife
      51. </span>02:58:35<span> Jess & Crabbe – Crack Head (Seduction Mix by Deelat)
      52. </span>03:03:02<span> Modjo – On Fire
      53. </span>03:05:45<span> Together – Together
      54. </span>03:11:19<span> Daft Punk – Voyager (Dominique Torti Wild Style Remix)
      55. </span>03:15:25<span> Patrick Alavi – How Much That Means To Me</span>
    1. Cache using fetch

      Determine how to cache a resource by setting TTLs, custom cache keys, and cache headers in a fetch request.

      ```js async function handleRequest(request) { const url = new URL(request.url);

      // Only use the path for the cache key, removing query strings // and always store using HTTPS, for example, https://www.example.com/file-uri-here const someCustomKey = https://${url.hostname}${url.pathname};

      let response = await fetch(request, { cf: { // Always cache this fetch regardless of content type // for a max of 5 seconds before revalidating the resource cacheTtl: 5, cacheEverything: true, //Enterprise only feature, see Cache API for other plans cacheKey: someCustomKey, }, }); // Reconstruct the Response object to make its headers mutable. response = new Response(response.body, response);

      // Set cache control headers to cache on browser for 25 minutes response.headers.set('Cache-Control', 'max-age=1500'); return response; }

      addEventListener('fetch', event => { return event.respondWith(handleRequest(event.request)); }); ```


      Caching HTML resources

      Setting the cache level to Cache Everything will override the default cacheability of the asset. For time-to-live (TTL), Cloudflare will still rely on headers set by the origin.

      js // Force Cloudflare to cache an asset fetch(event.request, { cf: { cacheEverything: true } });

    1. ORCID identifier types

      | Name | Description | Resolution Prefix | Case sensitive | Primary use | |----------------|---------------------------------------------------------------------------------|-------------------------------------------------|--------------------|-----------------| | agr | agr: Agricola | false | work | | ark | ark: Archival Resource Key Identifier | true | work | | arxiv | arxiv: ArXiv | https://arxiv.org/abs/ | false | work | | asin | asin: Amazon Standard Identification Number | http://www.amazon.com/dp/ | false | work | | asin-tld | asin-tld: ASIN top-level domain | false | work | | authenticusid | authenticusid: AuthenticusID | https://www.authenticus.pt/ | false | work | | bibcode | Bibcode | http://adsabs.harvard.edu/abs/ | true | work | | cba | cba: Chinese Biological Abstracts | false | work | | cienciaiul | cienciaiul: Ciência-IUL Identifier | https://ciencia.iscte-iul.pt/id/ | false | work | | cit | cit: CiteSeer | false | work | | ctx | ctx: CiteExplore submission | false | work | | dnb | dnb: German National Library identifier | https://d-nb.info/ | false | work | | doi | doi: Digital object identifier | https://doi.org/ | false | work | | eid | Scopus Identifier | false | work | | emdb | emdb: Electron Microscopy Data Bank | https://www.ebi.ac.uk/emdb/ | true | work | | empiar | empiar: Electron Microscopy Public Image Archive | https://www.ebi.ac.uk/empiar/ | true | work | | ethos | ethos: EThOS Peristent ID | http://ethos.bl.uk/OrderDetails.do?uin= | false | work | | grant_number | grant number | false | work | | hal | hal: Hyper Articles en Ligne | https://hal.archives-ouvertes.fr/view/resolver/ | false | work | | handle | handle: Handle | http://hdl.handle.net/ | false | work | | hir | hir: NHS Evidence | false | work | | isbn | isbn: International Standard Book Number | https://www.worldcat.org/isbn/ | false | work | | ismn | ismn: International Standard Music Number | false | work | | issn | issn: International Standard Serial Number. Includes print and electronic ISSN. | https://portal.issn.org/resource/ISSN/ | false | work | | jfm | jfm: Jahrbuch über die Fortschritte der Mathematik | http://zbmath.org/?format=complete&q=an%3A | false | work | | jstor | jstor: JSTOR abstract | http://www.jstor.org/stable/ | false | work | | kuid | kuid: KoreaMed Unique Identifier | https://koreamed.org/article/ | false | work | | lccn | lccn: Library of Congress Control Number | http://lccn.loc.gov/ | false | work | | lensid | lensid: Lens ID | https://www.lens.org/ | false | work | | mr | mr: Mathematical Reviews | http://www.ams.org/mathscinet-getitem?mr= | false | work | | oclc | oclc: Online Computer Library Center | http://www.worldcat.org/oclc/ | false | work | | ol | ol: Open Library | http://openlibrary.org/b/ | false | work | | osti | osti: Office of Scientific and Technical Information | https://www.osti.gov/biblio/ | false | work | | other-id | Other identifier type | false | work | | pat | Patent number | false | work | | pdb | pdb: Protein Data Bank identifier | http://identifiers.org/pdb/ | false | work | | pmc | pmc: PubMed Central article number | https://europepmc.org/article/pmc/ | false | work | | pmid | pmid: PubMed Unique Identifier | https://pubmed.ncbi.nlm.nih.gov/ | false | work | | ppr | ppr: Europe PMC Preprint Identifier | https://europepmc.org/article/PPR/ | false | work | | proposal-id | Proposal ID | false | work | | rfc | rfc: Request for Comments | https://tools.ietf.org/html/ | false | work | | rrid | rrid: Research Resource IDentifier | https://identifiers.org/rrid/ | true | work | | source-work-id | Non-standard ID from work data source | false | work | | ssrn | ssrn: Social Science Research Network | http://papers.ssrn.com/abstract_id= | false | work | | uri | uri: URI | true | work | | urn | urn: URN | false | work | | wosuid | wosuid: Web of Science™ identifier | false | work | | zbl | zbl: Zentralblatt MATH | http://zbmath.org/?format=complete&q= | false | work |

    1. ``js let originalHTML =

      Hello Mr. Wayne, decide what to do:

      • Call Alfred
      • Take Thalia Al Gul to the cinema
      • Save Gotham
      <span>Use the mouse to choose an option.</span> `;

      let newHTML = `

      Hello Batman, decide what to do:

      • Kill The Joker
      • Save Thalia Al Gul
      • Save Gotham

      <span>Use the batarang to choose an option.</span> `;

      // Diff HTML strings let output = htmldiff(originalHTML, newHTML);

      // Show HTML diff output as HTML (crazy right?)! document.getElementById("output").innerHTML = output; ```

      ```css ins { text-decoration: none; background-color: #d4fcbc; }

      del { text-decoration: line-through; background-color: #fbb6c2; color: #555; } ```

  2. Mar 2022