Chapter 11: Prompt Compression — Getting More From Fewer Tokens

Please make sure you write code that is clean and well-organized. The code should follow best practices and be easy to read. Make sure you use proper variable names that are descriptive and explain what they are used for. The code should be structured in a logical way that is easy to follow. Please also make sure that you include comments where appropriate to explain what the code is doing, especially for complex sections.

Write clean, well-structured code with descriptive variable names. Add inline comments for complex logic. Follow standard best practices.

In React, components can either be class components or functional components. Modern React uses functional components with hooks. When writing a React component, make sure to use the useState hook for state management and the useEffect hook for side effects.

Write a modern React functional component with hooks. [actual task description]

For example, if I give you a sentence like "The quick brown fox jumped over the lazy dog," you should identify all the nouns (fox, dog) and verbs (jumped) and output them in a JSON format like this: {"nouns": ["fox", "dog"], "verbs": ["jumped"]}.

Output JSON: {"nouns": [], "verbs": []}.
Example: "The fox jumped" -> {"nouns": ["fox"], "verbs": ["jumped"]}

You are reviewing code written by a junior developer named Sarah who works on the checkout team at an e-commerce company called ShopCo. The code is for a payment processing feature. Sarah has been at the company for 6 months and is learning TypeScript.

Code review for: {{reviewer_level}} developer, {{team}} team, {{language}} code.
Focus: {{focus_area}}.
Code: {{code}}

For each finding, write the line number, then a colon, then the severity level (which should be one of: Critical, High, Medium, or Low), then another colon, then a description of the issue in one sentence.

Format each finding as: LINE:SEVERITY:ISSUE / FIX
Example: 42:High:Unescaped user input used in SQL query / Use parameterized queries

async function measureCompressionQuality(originalPrompt, compressedPrompt, testInputs) {
  const results = await Promise.all(testInputs.map(async input => {
    const [original, compressed] = await Promise.all([
      callModel(originalPrompt, input),
      callModel(compressedPrompt, input),
    ]);
    return { input, original, compressed };
  }));
  
  const tokenReduction = (
    (originalPrompt.split(' ').length - compressedPrompt.split(' ').length) / 
    originalPrompt.split(' ').length * 100
  ).toFixed(1);
  
  console.log('Token reduction: ' + tokenReduction + '%');
  console.log('Compare outputs:', results);
}