Janady13/thatstupidcomputer / apps/web/src/animation/office/objects/ShelfPlant.tsx

Source identity

Field	Recorded value
Source type	GitHub source
Original record	Janady13/thatstupidcomputer / apps/web/src/animation/office/objects/ShelfPlant.tsx
Date	Not specified in source
Repository	Janady13/thatstupidcomputer
Revision	57555cde46910102dd25d6c1c1fb2c359e9655bd
Branch	main
Path or archive member	apps/web/src/animation/office/objects/ShelfPlant.tsx
Original SHA-256	ae183e5efd954b2ca66d463ca318819c037a01af146160f25a6776ff43f1d50f
Git blob SHA	7642e82c4f1e8d1b2a18d8072443683532e64f0b
Reading-copy SHA-256	ae183e5efd954b2ca66d463ca318819c037a01af146160f25a6776ff43f1d50f
Original source ↗
Recovered source transcript

Download complete source text ↓93 lines · 18.2 KB
import { memo } from 'react';
import type { ArtProps } from '../types';

/** Trailing shelf plant / articulated leaves. Local geometry: placement belongs to RoomObject. */
export const ShelfPlant = memo(function ShelfPlant({ idPrefix, palette, hiddenParts }: ArtProps) {
  return (
    <g id={`${idPrefix}--shelf-plant`} data-part="shelf-plant" display={hiddenParts?.includes("shelf-plant") ? "none" : undefined} data-art="shelf-plant">
      <path id={`${idPrefix}--shelf-plant-plant-contact`} data-part="shelf-plant-plant-contact" d="M-34 5 Q3 13 44 3" fill="none" stroke={palette.ink} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" opacity="0.19" />
      <path id={`${idPrefix}--shelf-plant-pot-body`} data-part="shelf-plant-pot-body" d="M-41 -66 L41 -68 L28 4 Q0 14 -30 4 Z" fill={palette.rust} stroke={palette.ink} strokeWidth="1.9" strokeLinecap="round" strokeLinejoin="round" />
      <path id={`${idPrefix}--shelf-plant-pot-side`} data-part="shelf-plant-pot-side" d="M23 -65 L40 -66 L28 4 Q20 8 14 8 Z" fill={palette.ink} stroke="none" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" opacity="0.13" />
      <ellipse id={`${idPrefix}--shelf-plant-pot-rim`} data-part="shelf-plant-pot-rim" cx="0" cy="-66" rx="42" ry="10" fill={palette.rust} stroke={palette.ink} strokeWidth="1.7" />
      <ellipse id={`${idPrefix}--shelf-plant-pot-soil`} data-part="shelf-plant-pot-soil" cx="0" cy="-67" rx="35" ry="6" fill={palette.ink} stroke={palette.ink} strokeWidth="0.8" />
      <path id={`${idPrefix}--shelf-plant-pot-lip`} data-part="shelf-plant-pot-lip" d="M-37 -63 Q0 -48 38 -65" fill="none" stroke={palette.ink} strokeWidth="0.8" strokeLinecap="round" strokeLinejoin="round" />
      <path id={`${idPrefix}--shelf-plant-vine-stems`} data-part="shelf-plant-vine-stems" d="M0 -65 C-8 -104 -21 -118 -46 -127 M2 -66 C7 -102 29 -123 54 -125 M0 -65 C-41 -81 -80 -56 -91 -13 C-104 37 -50 49 -62 93 C-70 121 -39 141 -45 176 C-55 203 -25 222 -35 253" fill="none" stroke={palette.ink} strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" />
      <g id={`${idPrefix}--shelf-plant-top-left-motion`} data-part="shelf-plant-top-left-motion" display={hiddenParts?.includes("shelf-plant-top-left-motion") ? "none" : undefined} data-motion="leaf" data-pivot="-16,-95" data-phase="0.4">
        <path id={`${idPrefix}--shelf-plant-top-left-blade`} data-part="shelf-plant-top-left-blade" d="M-16 -95 C-31.48 -119.62 -65.70 -123.43 -89 -110 C-67.36 -93.12 -40.56 -86.54 -16 -95 Z" fill={palette.ink} stroke={palette.ink} strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" />
        <path id={`${idPrefix}--shelf-plant-top-left-lit-half`} data-part="shelf-plant-top-left-lit-half" d="M-16 -95 Q-56.25 -106.49 -89 -110 C-67.36 -93.12 -40.56 -86.54 -16 -95 Z" fill={palette.paper} stroke="none" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" opacity="0.59" />
        <path id={`${idPrefix}--shelf-plant-top-left-vein`} data-part="shelf-plant-top-left-vein" d="M-16 -95 Q-56.88 -103.40 -89 -110" fill="none" stroke={palette.paper} strokeWidth="0.7" strokeLinecap="round" strokeLinejoin="round" opacity="0.65" />
      </g>
      <g id={`${idPrefix}--shelf-plant-upper-left-motion`} data-part="shelf-plant-upper-left-motion" display={hiddenParts?.includes("shelf-plant-upper-left-motion") ? "none" : undefined} data-motion="leaf" data-pivot="-16,-96" data-phase="0.9">
        <path id={`${idPrefix}--shelf-plant-upper-left-blade`} data-part="shelf-plant-upper-left-blade" d="M-16 -96 C-14.84 -118.78 -35.04 -137.89 -56 -141 C-49.74 -119.98 -35.53 -102.80 -16 -96 Z" fill={palette.ink} stroke={palette.ink} strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" />
        <path id={`${idPrefix}--shelf-plant-upper-left-lit-half`} data-part="shelf-plant-upper-left-lit-half" d="M-16 -96 Q-36.61 -122.79 -56 -141 C-49.74 -119.98 -35.53 -102.80 -16 -96 Z" fill={palette.paper} stroke="none" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" opacity="0.59" />
        <path id={`${idPrefix}--shelf-plant-upper-left-vein`} data-part="shelf-plant-upper-left-vein" d="M-16 -96 Q-38.40 -121.20 -56 -141" fill="none" stroke={palette.paper} strokeWidth="0.7" strokeLinecap="round" strokeLinejoin="round" opacity="0.65" />
      </g>
      <g id={`${idPrefix}--shelf-plant-top-right-motion`} data-part="shelf-plant-top-right-motion" display={hiddenParts?.includes("shelf-plant-top-right-motion") ? "none" : undefined} data-motion="leaf" data-pivot="10,-92" data-phase="1.1">
        <path id={`${idPrefix}--shelf-plant-top-right-blade`} data-part="shelf-plant-top-right-blade" d="M10 -92 C33.48 -77.78 60.99 -90.42 72 -113 C47.63 -117.61 24.36 -110.83 10 -92 Z" fill={palette.ink} stroke={palette.ink} strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" />
        <path id={`${idPrefix}--shelf-plant-top-right-lit-half`} data-part="shelf-plant-top-right-lit-half" d="M10 -92 Q45.73 -100.78 72 -113 C47.63 -117.61 24.36 -110.83 10 -92 Z" fill={palette.paper} stroke="none" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" opacity="0.59" />
        <path id={`${idPrefix}--shelf-plant-top-right-vein`} data-part="shelf-plant-top-right-vein" d="M10 -92 Q44.72 -103.76 72 -113" fill="none" stroke={palette.paper} strokeWidth="0.7" strokeLinecap="round" strokeLinejoin="round" opacity="0.65" />
      </g>
      <g id={`${idPrefix}--shelf-plant-upper-right-motion`} data-part="shelf-plant-upper-right-motion" display={hiddenParts?.includes("shelf-plant-upper-right-motion") ? "none" : undefined} data-motion="leaf" data-pivot="7,-93" data-phase="1.6">
        <path id={`${idPrefix}--shelf-plant-upper-right-blade`} data-part="shelf-plant-upper-right-blade" d="M7 -93 C31.49 -98.39 44.83 -125.10 41 -148 C20.90 -135.34 7.55 -115.46 7 -93 Z" fill={palette.ink} stroke={palette.ink} strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" />
        <path id={`${idPrefix}--shelf-plant-upper-right-lit-half`} data-part="shelf-plant-upper-right-lit-half" d="M7 -93 Q28.34 -122.38 41 -148 C20.90 -135.34 7.55 -115.46 7 -93 Z" fill={palette.paper} stroke="none" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" opacity="0.59" />
        <path id={`${idPrefix}--shelf-plant-upper-right-vein`} data-part="shelf-plant-upper-right-vein" d="M7 -93 Q26.04 -123.80 41 -148" fill="none" stroke={palette.paper} strokeWidth="0.7" strokeLinecap="round" strokeLinejoin="round" opacity="0.65" />
      </g>
      <g id={`${idPrefix}--shelf-plant-top-middle-motion`} data-part="shelf-plant-top-middle-motion" display={hiddenParts?.includes("shelf-plant-top-middle-motion") ? "none" : undefined} data-motion="leaf" data-pivot="-1,-77" data-phase="2">
        <path id={`${idPrefix}--shelf-plant-top-middle-blade`} data-part="shelf-plant-top-middle-blade" d="M-1 -77 C14.44 -98.00 6.12 -127.38 -13 -142 C-19.88 -118.55 -16.37 -94.33 -1 -77 Z" fill={palette.ink} stroke={palette.ink} strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" />
        <path id={`${idPrefix}--shelf-plant-top-middle-lit-half`} data-part="shelf-plant-top-middle-lit-half" d="M-1 -77 Q-4.92 -113.92 -13 -142 C-19.88 -118.55 -16.37 -94.33 -1 -77 Z" fill={palette.paper} stroke="none" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" opacity="0.59" />
        <path id={`${idPrefix}--shelf-plant-top-middle-vein`} data-part="shelf-plant-top-middle-vein" d="M-1 -77 Q-7.72 -113.40 -13 -142" fill="none" stroke={palette.paper} strokeWidth="0.7" strokeLinecap="round" strokeLinejoin="round" opacity="0.65" />
      </g>
      <g id={`${idPrefix}--shelf-plant-left-spread-motion`} data-part="shelf-plant-left-spread-motion" display={hiddenParts?.includes("shelf-plant-left-spread-motion") ? "none" : undefined} data-motion="leaf" data-pivot="-35,-64" data-phase="2.3">
        <path id={`${idPrefix}--shelf-plant-left-spread-blade`} data-part="shelf-plant-left-spread-blade" d="M-35 -64 C-54.24 -85.56 -89.89 -85.33 -112 -70 C-87.49 -56.46 -59.08 -53.24 -35 -64 Z" fill={palette.ink} stroke={palette.ink} strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" />
        <path id={`${idPrefix}--shelf-plant-left-spread-lit-half`} data-part="shelf-plant-left-spread-lit-half" d="M-35 -64 Q-77.89 -70.35 -112 -70 C-87.49 -56.46 -59.08 -53.24 -35 -64 Z" fill={palette.paper} stroke="none" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" opacity="0.59" />
        <path id={`${idPrefix}--shelf-plant-left-spread-vein`} data-part="shelf-plant-left-spread-vein" d="M-35 -64 Q-78.12 -67.36 -112 -70" fill="none" stroke={palette.paper} strokeWidth="0.7" strokeLinecap="round" strokeLinejoin="round" opacity="0.65" />
      </g>
      <g id={`${idPrefix}--shelf-plant-right-spread-motion`} data-part="shelf-plant-right-spread-motion" display={hiddenParts?.includes("shelf-plant-right-spread-motion") ? "none" : undefined} data-motion="leaf" data-pivot="6,-67" data-phase="2.7">
        <path id={`${idPrefix}--shelf-plant-right-spread-blade`} data-part="shelf-plant-right-spread-blade" d="M6 -67 C14.94 -44.08 41.13 -38.51 61 -49 C46.28 -65.41 26.22 -72.98 6 -67 Z" fill={palette.ink} stroke={palette.ink} strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" />
        <path id={`${idPrefix}--shelf-plant-right-spread-lit-half`} data-part="shelf-plant-right-spread-lit-half" d="M6 -67 Q35.91 -54.21 61 -49 C46.28 -65.41 26.22 -72.98 6 -67 Z" fill={palette.paper} stroke="none" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" opacity="0.59" />
        <path id={`${idPrefix}--shelf-plant-right-spread-vein`} data-part="shelf-plant-right-spread-vein" d="M6 -67 Q36.80 -56.92 61 -49" fill="none" stroke={palette.paper} strokeWidth="0.7" strokeLinecap="round" strokeLinejoin="round" opacity="0.65" />
      </g>
      <g id={`${idPrefix}--shelf-plant-trail-one-motion`} data-part="shelf-plant-trail-one-motion" display={hiddenParts?.includes("shelf-plant-trail-one-motion") ? "none" : undefined} data-motion="leaf" data-pivot="-86,-22" data-phase="3">
        <path id={`${idPrefix}--shelf-plant-trail-one-blade`} data-part="shelf-plant-trail-one-blade" d="M-86 -22 C-112.04 -28.85 -130.16 -9.30 -130 15 C-107.27 12.56 -90.28 -0.29 -86 -22 Z" fill={palette.ink} stroke={palette.ink} strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" />
        <path id={`${idPrefix}--shelf-plant-trail-one-lit-half`} data-part="shelf-plant-trail-one-lit-half" d="M-86 -22 Q-112.76 -3.81 -130 15 C-107.27 12.56 -90.28 -0.29 -86 -22 Z" fill={palette.paper} stroke="none" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" opacity="0.59" />
        <path id={`${idPrefix}--shelf-plant-trail-one-vein`} data-part="shelf-plant-trail-one-vein" d="M-86 -22 Q-110.64 -1.28 -130 15" fill="none" stroke={palette.paper} strokeWidth="0.7" strokeLinecap="round" strokeLinejoin="round" opacity="0.65" />
      </g>
      <g id={`${idPrefix}--shelf-plant-trail-two-motion`} data-part="shelf-plant-trail-two-motion" display={hiddenParts?.includes("shelf-plant-trail-two-motion") ? "none" : undefined} data-motion="leaf" data-pivot="-81,2" data-phase="3.3">
        <path id={`${idPrefix}--shelf-plant-trail-two-blade`} data-part="shelf-plant-trail-two-blade" d="M-81 2 C-89.08 27.26 -70.85 44.99 -47 45 C-48.21 22.90 -59.93 6.30 -81 2 Z" fill={palette.ink} stroke={palette.ink} strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" />
        <path id={`${idPrefix}--shelf-plant-trail-two-lit-half`} data-part="shelf-plant-trail-two-lit-half" d="M-81 2 Q-64.55 28.13 -47 45 C-48.21 22.90 -59.93 6.30 -81 2 Z" fill={palette.paper} stroke="none" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" opacity="0.59" />
        <path id={`${idPrefix}--shelf-plant-trail-two-vein`} data-part="shelf-plant-trail-two-vein" d="M-81 2 Q-61.96 26.08 -47 45" fill="none" stroke={palette.paper} strokeWidth="0.7" strokeLinecap="round" strokeLinejoin="round" opacity="0.65" />
      </g>
      <g id={`${idPrefix}--shelf-plant-trail-three-motion`} data-part="shelf-plant-trail-three-motion" display={hiddenParts?.includes("shelf-plant-trail-three-motion") ? "none" : undefined} data-motion="leaf" data-pivot="-69,58" data-phase="3.6">
        <path id={`${idPrefix}--shelf-plant-trail-three-blade`} data-part="shelf-plant-trail-three-blade" d="M-69 58 C-90.94 49.94 -105.17 65.17 -104 86 C-85.20 85.82 -71.63 76.24 -69 58 Z" fill={palette.ink} stroke={palette.ink} strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" />
        <path id={`${idPrefix}--shelf-plant-trail-three-lit-half`} data-part="shelf-plant-trail-three-lit-half" d="M-69 58 Q-90.47 71.34 -104 86 C-85.20 85.82 -71.63 76.24 -69 58 Z" fill={palette.paper} stroke="none" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" opacity="0.59" />
        <path id={`${idPrefix}--shelf-plant-trail-three-vein`} data-part="shelf-plant-trail-three-vein" d="M-69 58 Q-88.60 73.68 -104 86" fill="none" stroke={palette.paper} strokeWidth="0.7" strokeLinecap="round" strokeLinejoin="round" opacity="0.65" />
      </g>
      <g id={`${idPrefix}--shelf-plant-trail-four-motion`} data-part="shelf-plant-trail-four-motion" display={hiddenParts?.includes("shelf-plant-trail-four-motion") ? "none" : undefined} data-motion="leaf" data-pivot="-61,76" data-phase="4">
        <path id={`${idPrefix}--shelf-plant-trail-four-blade`} data-part="shelf-plant-trail-four-blade" d="M-61 76 C-64.45 99.43 -45.41 114.43 -24 113 C-28.42 93.00 -41.44 78.64 -61 76 Z" fill={palette.ink} stroke={palette.ink} strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" />
        <path id={`${idPrefix}--shelf-plant-trail-four-lit-half`} data-part="shelf-plant-trail-four-lit-half" d="M-61 76 Q-42.30 98.74 -24 113 C-28.42 93.00 -41.44 78.64 -61 76 Z" fill={palette.paper} stroke="none" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" opacity="0.59" />
        <path id={`${idPrefix}--shelf-plant-trail-four-vein`} data-part="shelf-plant-trail-four-vein" d="M-61 76 Q-40.28 96.72 -24 113" fill="none" stroke={palette.paper} strokeWidth="0.7" strokeLinecap="round" strokeLinejoin="round" opacity="0.65" />
      </g>
      <g id={`${idPrefix}--shelf-plant-trail-five-motion`} data-part="shelf-plant-trail-five-motion" display={hiddenParts?.includes("shelf-plant-trail-five-motion") ? "none" : undefined} data-motion="leaf" data-pivot="-52,127" data-phase="4.3">
        <path id={`${idPrefix}--shelf-plant-trail-five-blade`} data-part="shelf-plant-trail-five-blade" d="M-52 127 C-73.03 122.85 -84.89 138.99 -82 158 C-64.60 155.03 -52.85 144.19 -52 127 Z" fill={palette.ink} stroke={palette.ink} strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" />
        <path id={`${idPrefix}--shelf-plant-trail-five-lit-half`} data-part="shelf-plant-trail-five-lit-half" d="M-52 127 Q-70.74 142.48 -82 158 C-64.60 155.03 -52.85 144.19 -52 127 Z" fill={palette.paper} stroke="none" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" opacity="0.59" />
        <path id={`${idPrefix}--shelf-plant-trail-five-vein`} data-part="shelf-plant-trail-five-vein" d="M-52 127 Q-68.80 144.36 -82 158" fill="none" stroke={palette.paper} strokeWidth="0.7" strokeLinecap="round" strokeLinejoin="round" opacity="0.65" />
      </g>
      <g id={`${idPrefix}--shelf-plant-trail-six-motion`} data-part="shelf-plant-trail-six-motion" display={hiddenParts?.includes("shelf-plant-trail-six-motion") ? "none" : undefined} data-motion="leaf" data-pivot="-47,153" data-phase="4.7">
        <path id={`${idPrefix}--shelf-plant-trail-six-blade`} data-part="shelf-plant-trail-six-blade" d="M-47 153 C-49.84 174.20 -32.40 188.04 -13 187 C-17.25 168.81 -29.23 155.63 -47 153 Z" fill={palette.ink} stroke={palette.ink} strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" />
        <path id={`${idPrefix}--shelf-plant-trail-six-lit-half`} data-part="shelf-plant-trail-six-lit-half" d="M-47 153 Q-29.76 173.84 -13 187 C-17.25 168.81 -29.23 155.63 -47 153 Z" fill={palette.paper} stroke="none" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" opacity="0.59" />
        <path id={`${idPrefix}--shelf-plant-trail-six-vein`} data-part="shelf-plant-trail-six-vein" d="M-47 153 Q-27.96 172.04 -13 187" fill="none" stroke={palette.paper} strokeWidth="0.7" strokeLinecap="round" strokeLinejoin="round" opacity="0.65" />
      </g>
      <g id={`${idPrefix}--shelf-plant-trail-seven-motion`} data-part="shelf-plant-trail-seven-motion" display={hiddenParts?.includes("shelf-plant-trail-seven-motion") ? "none" : undefined} data-motion="leaf" data-pivot="-38,206" data-phase="5.1">
        <path id={`${idPrefix}--shelf-plant-trail-seven-blade`} data-part="shelf-plant-trail-seven-blade" d="M-38 206 C-58.15 205.24 -69.64 222.87 -67 241 C-50.28 235.37 -38.94 222.93 -38 206 Z" fill={palette.ink} stroke={palette.ink} strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" />
        <path id={`${idPrefix}--shelf-plant-trail-seven-lit-half`} data-part="shelf-plant-trail-seven-lit-half" d="M-38 206 Q-56.09 224.07 -67 241 C-50.28 235.37 -38.94 222.93 -38 206 Z" fill={palette.paper} stroke="none" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" opacity="0.59" />
        <path id={`${idPrefix}--shelf-plant-trail-seven-vein`} data-part="shelf-plant-trail-seven-vein" d="M-38 206 Q-54.24 225.60 -67 241" fill="none" stroke={palette.paper} strokeWidth="0.7" strokeLinecap="round" strokeLinejoin="round" opacity="0.65" />
      </g>
      <g id={`${idPrefix}--shelf-plant-trail-eight-motion`} data-part="shelf-plant-trail-eight-motion" display={hiddenParts?.includes("shelf-plant-trail-eight-motion") ? "none" : undefined} data-motion="leaf" data-pivot="-35,228" data-phase="5.5">
        <path id={`${idPrefix}--shelf-plant-trail-eight-blade`} data-part="shelf-plant-trail-eight-blade" d="M-35 228 C-42.66 244.21 -32.00 257.29 -16 259 C-14.85 244.22 -21.24 232.36 -35 228 Z" fill={palette.ink} stroke={palette.ink} strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" />
        <path id={`${idPrefix}--shelf-plant-trail-eight-lit-half`} data-part="shelf-plant-trail-eight-lit-half" d="M-35 228 Q-26.28 246.54 -16 259 C-14.85 244.22 -21.24 232.36 -35 228 Z" fill={palette.paper} stroke="none" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" opacity="0.59" />
        <path id={`${idPrefix}--shelf-plant-trail-eight-vein`} data-part="shelf-plant-trail-eight-vein" d="M-35 228 Q-24.36 245.36 -16 259" fill="none" stroke={palette.paper} strokeWidth="0.7" strokeLinecap="round" strokeLinejoin="round" opacity="0.65" />
      </g>
    </g>
  );
});