classicy 0.5.10 → 0.5.19

package/README.md

@@ -1,211 +1,73 @@
-# [Classicy](https://classicy.ing)
+# React + TypeScript + Vite
 
-##### Previously Platinum
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
 
-A UI framework using native CSS/JS replications of the Mac OS 8 interface components.
+Currently, two official plugins are available:
 
-[Just curious? Visit our website to learn more.](https://classicy.ing)
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
 
-## Demo
+## React Compiler
 
-### [See a demo here!](https://robbiebyrd.github.io/classicy/)
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
 
-## Building and running on localhost
+## Expanding the ESLint configuration
 
-First install dependencies:
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
 
-```sh
-npm install
-```
+```js
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
 
-To create a production build:
+      // Remove tseslint.configs.recommended and replace with this
+      tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      tseslint.configs.stylisticTypeChecked,
 
-```sh
-npm run build-prod
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
 ```
 
-To create a development build:
-
-```sh
-npm run build-dev
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
 ```
-
-## Running
-
-Run `npm run serve` and visit the site in your browser at http://localhost:3000.
-
-## Acknowledgements
-
-- New Dawn by [`Nathanael Gentry`](https://github.com/npjg)
-- Scrollbars of the Classic Mac OS by [`Jessica Stokes (@ticky)`](https://github.com/ticky)
-- `after-dark-css`, for the basic System 7.1.1 interface
-- [`flyer`](https://www.masswerk.at/flyer/), for further inspiration
-- Robin Casady, for releasing ChicagoFLF into the public domain
-- Apple, who maintains the copyright on the background patterns, icons and interface components
-
-## Features
-
-*Legend*
-
-|          |                     |                     |
-|:--------:|:-------------------:|:-------------------:|
-|    ✅     |         ℹ️          |         ⚠️          |
-| Complete | Partially complete. |    Experimental     |
-|          |                     | *Subject to change* |
-
-- Desktop
-    - ℹ️ The ubiquitous Finder
-    - Menubar
-        - ✅ System Menu
-        - ✅ App Switcher
-        - ✅ Widgets
-            - ✅ Date/Time
-            - ✅ Sound
-    - Icons
-        - ✅ App Shortcuts
-        - ✅ Cleanup
-        - Arrange By…
-- Sounds
-    - ✅ Sound Provider
-    - ✅ Load sound theme from JSON
-    - ✅ Audio Sprites support
-    - ℹ️ Sound Manager Control Panel
-        - ℹ️ Sound Event Handler
-            - ✅ Event dispatcher/player
-            - ℹ️ Automatic event intercept and play for known events (map audio sprites to events)
-- Appearance Manager Control Panel (Theme Manager)
-    - ✅ Appearance Manager Control Panel
-    - ✅ System
-        - ✅ Load theme from JSON
-        - ✅ System events for modifying theme
-    - UI
-        - ✅ Typography settings
-        - ✅ Measurement settings
-        - ✅ Desktop settings
-        - ✅ System colors
-        - ✅ Configurable color variables
-    - ✅ Color Theme-able components
-- App Template
-    - ⚠️ App Context/Event Handler
-    - App Switcher
-- Window
-    - Controls
-        - ✅ Zoom
-        - ✅ Resize
-        - ✅ Collapse
-        - ✅ Close
-        - Placard
-        - ✅ Header
-    - Dialog
-        - Modal
-            - Dialog
-                - ✅ Movable
-                - ✅ Non-movable
-            - Alert
-                - ✅ Movable
-                - Non-movable
-        - ✅ Modeless
-    - ✅ Standard
-- System
-    - ✅ File System
-        - ✅ Integrated into Finder.app
-- UI Components
-    - ✅ Text Input
-    - ✅ Text Area
-    - ✅ Button
-    - ✅ Tabs
-    - ✅ Radio Button
-    - ✅ Drop-down menu
-    - Multi-select menu
-    - ✅ Checkbox
-    - ✅ Bevel Button
-    - Slider
-    - Spinner
-    - ✅ Date Picker
-    - ✅ Time Picker
-    - ✅ Expandable (Disclosure)
-    - ✅ Fieldset
-    - ✅ Separator
-    - ✅ Progress
-    - Menu
-        - Contextual Menu
-        - Submenu
-    - Gallery Picker (Slider)
-    - Color Picker
-
-## Component Organization
-
-* `<ClassicyDesktopProvider>`
-    * `<ClassicyDesktop>`
-        * `<ClassicyDesktopMenuBar>`
-        * `<ClassicyDesktopIcon?>`
-        * `<YourClassicyApp>`
-            * `<ClassicyAppContext>`
-                * `<ClassicyApp>`
-                    * `<ClassicyWindow?>`
-                        * `<ClassicyUIControls?>`
-                        * `<OtherReactNodes?>`
-
-## Events
-
-* `ClassicyDesktop`
-    * `ClassicyDesktopClick`
-    * `ClassicyDesktopDrag`
-
-* `ClassicySoundPlay`
-    * `ClassicyAlertSosumi`
-    * `ClassicyAlertWildEep`
-    * `ClassicyAlertndigo`
-    * `ClassicyBeep`
-    * `ClassicyBoot`
-    * `ClassicyButtonClickDown`
-    * `ClassicyButtonClickUp`
-    * `ClassicyInputRadioClickDown`
-    * `ClassicyInputRadioClickUp`
-    * `ClassicyMenuClose`
-    * `ClassicyMenuItemClick`
-    * `ClassicyMenuItemHover`
-    * `ClassicyMenuOpen`
-    * `ClassicyWindowClose`
-    * `ClassicyWindowCollapse`
-    * `ClassicyWindowControlClickDown`
-    * `ClassicyWindowControlClickUp`
-    * `ClassicyWindowExpand`
-    * `ClassicyWindowFocus`
-    * `ClassicyWindowMoveIdle`
-    * `ClassicyWindowMoveMoving`
-    * `ClassicyWindowMoveStop`
-    * `ClassicyWindowOpen`
-    * `ClassicyWindowResizeIdle`
-    * `ClassicyWindowResizeResizing`
-    * `ClassicyWindowResizeStop`
-    * `ClassicyWindowZoomMaximize`
-    * `ClassicyWindowZoomMinimize`
-
-* `ClassicyDesktopIcon`
-    * `ClassicyDesktopClick`
-    * `ClassicyDesktopAltClick`
-    * `ClassicyDesktopDoubleClick`
-    * `ClassicyDesktopDrag`
-
-* `ClassicyApp`
-    * `ClassicyAppOpen`
-    * `ClassicyAppClose`
-    * `ClassicyAppHide`
-    * `ClassicyAppFocus`
-
-* `ClassicyWindow`
-    * `ClassicyWindowOpen`
-    * `ClassicyWindowClose`
-    * `ClassicyWindowZoom`
-    * `ClassicyWindowCollapse`
-    * `ClassicyWindowResize`
-    * `ClassicyWindowDrag`
-    * `ClassicyWindowFocus`
-    * `ClassicyWindowContentScroll`
-    * `ClassicyWindowContentClick`
-
-* `ClassicyMenu`
-    * `ClassicyMenuHover`
-    * `ClassicyMenuClick`
-    * `ClassicyMenuChange`

package/dist/Preview-DFWgeXbD.js

@@ -0,0 +1,87 @@
+import a, { useState as E, useEffect as k } from "react";
+const d = "64px", u = {}, N = ({
+  src: s,
+  light: t,
+  oEmbedUrl: l,
+  onClickPreview: n,
+  playIcon: _,
+  previewTabIndex: g,
+  previewAriaLabel: p
+}) => {
+  const [f, r] = E(null);
+  k(() => {
+    !s || !t || !l || b({ src: s, light: t, oEmbedUrl: l });
+  }, [s, t, l]);
+  const b = async ({
+    src: e,
+    light: c,
+    oEmbedUrl: x
+  }) => {
+    if (a.isValidElement(c))
+      return;
+    if (typeof c == "string") {
+      r(c);
+      return;
+    }
+    if (u[e]) {
+      r(u[e]);
+      return;
+    }
+    r(null);
+    const m = await (await fetch(x.replace("{url}", e))).json();
+    if (m.thumbnail_url) {
+      const h = m.thumbnail_url.replace("height=100", "height=480").replace("-d_295x166", "-d_640");
+      r(h), u[e] = h;
+    }
+  }, I = (e) => {
+    (e.key === "Enter" || e.key === " ") && n?.(e);
+  }, v = (e) => {
+    n?.(e);
+  }, o = a.isValidElement(t), y = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  }, i = {
+    preview: {
+      width: "100%",
+      height: "100%",
+      backgroundImage: f && !o ? `url(${f})` : void 0,
+      backgroundSize: "cover",
+      backgroundPosition: "center",
+      cursor: "pointer",
+      ...y
+    },
+    shadow: {
+      background: "radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)",
+      borderRadius: d,
+      width: d,
+      height: d,
+      position: o ? "absolute" : void 0,
+      ...y
+    },
+    playIcon: {
+      borderStyle: "solid",
+      borderWidth: "16px 0 16px 26px",
+      borderColor: "transparent transparent transparent white",
+      marginLeft: "7px"
+    }
+  }, w = /* @__PURE__ */ a.createElement("div", { style: i.shadow, className: "react-player__shadow" }, /* @__PURE__ */ a.createElement("div", { style: i.playIcon, className: "react-player__play-icon" }));
+  return /* @__PURE__ */ a.createElement(
+    "div",
+    {
+      style: i.preview,
+      className: "react-player__preview",
+      tabIndex: g,
+      onClick: v,
+      onKeyDown: I,
+      ...p ? { "aria-label": p } : {}
+    },
+    o ? t : null,
+    _ || w
+  );
+};
+var j = N;
+export {
+  j as default
+};
+//# sourceMappingURL=Preview-DFWgeXbD.js.map

package/dist/Preview-DFWgeXbD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Preview-DFWgeXbD.js","sources":["../node_modules/react-player/dist/Preview.js"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nconst ICON_SIZE = \"64px\";\nconst cache = {};\nconst Preview = ({\n  src,\n  light,\n  oEmbedUrl,\n  onClickPreview,\n  playIcon,\n  previewTabIndex,\n  previewAriaLabel\n}) => {\n  const [image, setImage] = useState(null);\n  useEffect(() => {\n    if (!src || !light || !oEmbedUrl) return;\n    fetchImage({ src, light, oEmbedUrl });\n  }, [src, light, oEmbedUrl]);\n  const fetchImage = async ({\n    src: src2,\n    light: light2,\n    oEmbedUrl: oEmbedUrl2\n  }) => {\n    if (React.isValidElement(light2)) {\n      return;\n    }\n    if (typeof light2 === \"string\") {\n      setImage(light2);\n      return;\n    }\n    if (cache[src2]) {\n      setImage(cache[src2]);\n      return;\n    }\n    setImage(null);\n    const response = await fetch(oEmbedUrl2.replace(\"{url}\", src2));\n    const data = await response.json();\n    if (data.thumbnail_url) {\n      const fetchedImage = data.thumbnail_url.replace(\"height=100\", \"height=480\").replace(\"-d_295x166\", \"-d_640\");\n      setImage(fetchedImage);\n      cache[src2] = fetchedImage;\n    }\n  };\n  const handleKeyPress = (e) => {\n    if (e.key === \"Enter\" || e.key === \" \") {\n      onClickPreview == null ? void 0 : onClickPreview(e);\n    }\n  };\n  const handleClick = (e) => {\n    onClickPreview == null ? void 0 : onClickPreview(e);\n  };\n  const isElement = React.isValidElement(light);\n  const flexCenter = {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n  };\n  const styles = {\n    preview: {\n      width: \"100%\",\n      height: \"100%\",\n      backgroundImage: image && !isElement ? `url(${image})` : void 0,\n      backgroundSize: \"cover\",\n      backgroundPosition: \"center\",\n      cursor: \"pointer\",\n      ...flexCenter\n    },\n    shadow: {\n      background: \"radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)\",\n      borderRadius: ICON_SIZE,\n      width: ICON_SIZE,\n      height: ICON_SIZE,\n      position: isElement ? \"absolute\" : void 0,\n      ...flexCenter\n    },\n    playIcon: {\n      borderStyle: \"solid\",\n      borderWidth: \"16px 0 16px 26px\",\n      borderColor: \"transparent transparent transparent white\",\n      marginLeft: \"7px\"\n    }\n  };\n  const defaultPlayIcon = /* @__PURE__ */ React.createElement(\"div\", { style: styles.shadow, className: \"react-player__shadow\" }, /* @__PURE__ */ React.createElement(\"div\", { style: styles.playIcon, className: \"react-player__play-icon\" }));\n  return /* @__PURE__ */ React.createElement(\n    \"div\",\n    {\n      style: styles.preview,\n      className: \"react-player__preview\",\n      tabIndex: previewTabIndex,\n      onClick: handleClick,\n      onKeyDown: handleKeyPress,\n      ...previewAriaLabel ? { \"aria-label\": previewAriaLabel } : {}\n    },\n    isElement ? light : null,\n    playIcon || defaultPlayIcon\n  );\n};\nvar Preview_default = Preview;\nexport {\n  Preview_default as default\n};\n"],"names":["ICON_SIZE","cache","Preview","src","light","oEmbedUrl","onClickPreview","playIcon","previewTabIndex","previewAriaLabel","image","setImage","useState","useEffect","fetchImage","src2","light2","oEmbedUrl2","React","data","fetchedImage","handleKeyPress","handleClick","isElement","flexCenter","styles","defaultPlayIcon","Preview_default"],"mappings":";AACA,MAAMA,IAAY,QACZC,IAAQ,CAAA,GACRC,IAAU,CAAC;AAAA,EACf,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,IAAI;AACvC,EAAAC,EAAU,MAAM;AACd,IAAI,CAACV,KAAO,CAACC,KAAS,CAACC,KACvBS,EAAW,EAAE,KAAAX,GAAK,OAAAC,GAAO,WAAAC,EAAS,CAAE;AAAA,EACtC,GAAG,CAACF,GAAKC,GAAOC,CAAS,CAAC;AAC1B,QAAMS,IAAa,OAAO;AAAA,IACxB,KAAKC;AAAA,IACL,OAAOC;AAAA,IACP,WAAWC;AAAA,EACf,MAAQ;AACJ,QAAIC,EAAM,eAAeF,CAAM;AAC7B;AAEF,QAAI,OAAOA,KAAW,UAAU;AAC9B,MAAAL,EAASK,CAAM;AACf;AAAA,IACF;AACA,QAAIf,EAAMc,CAAI,GAAG;AACf,MAAAJ,EAASV,EAAMc,CAAI,CAAC;AACpB;AAAA,IACF;AACA,IAAAJ,EAAS,IAAI;AAEb,UAAMQ,IAAO,OADI,MAAM,MAAMF,EAAW,QAAQ,SAASF,CAAI,CAAC,GAClC,KAAI;AAChC,QAAII,EAAK,eAAe;AACtB,YAAMC,IAAeD,EAAK,cAAc,QAAQ,cAAc,YAAY,EAAE,QAAQ,cAAc,QAAQ;AAC1G,MAAAR,EAASS,CAAY,GACrBnB,EAAMc,CAAI,IAAIK;AAAA,IAChB;AAAA,EACF,GACMC,IAAiB,CAAC,MAAM;AAC5B,KAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,QACCf,IAAe,CAAC;AAAA,EAEtD,GACMgB,IAAc,CAAC,MAAM;AACzB,IAAkChB,IAAe,CAAC;AAAA,EACpD,GACMiB,IAAYL,EAAM,eAAed,CAAK,GACtCoB,IAAa;AAAA,IACjB,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,EACpB,GACQC,IAAS;AAAA,IACb,SAAS;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,iBAAiBf,KAAS,CAACa,IAAY,OAAOb,CAAK,MAAM;AAAA,MACzD,gBAAgB;AAAA,MAChB,oBAAoB;AAAA,MACpB,QAAQ;AAAA,MACR,GAAGc;AAAA,IACT;AAAA,IACI,QAAQ;AAAA,MACN,YAAY;AAAA,MACZ,cAAcxB;AAAA,MACd,OAAOA;AAAA,MACP,QAAQA;AAAA,MACR,UAAUuB,IAAY,aAAa;AAAA,MACnC,GAAGC;AAAA,IACT;AAAA,IACI,UAAU;AAAA,MACR,aAAa;AAAA,MACb,aAAa;AAAA,MACb,aAAa;AAAA,MACb,YAAY;AAAA,IAClB;AAAA,EACA,GACQE,IAAkCR,gBAAAA,EAAM,cAAc,OAAO,EAAE,OAAOO,EAAO,QAAQ,WAAW,uBAAsB,GAAoBP,gBAAAA,EAAM,cAAc,OAAO,EAAE,OAAOO,EAAO,UAAU,WAAW,0BAAyB,CAAE,CAAC;AAC5O,SAAuBP,gBAAAA,EAAM;AAAA,IAC3B;AAAA,IACA;AAAA,MACE,OAAOO,EAAO;AAAA,MACd,WAAW;AAAA,MACX,UAAUjB;AAAA,MACV,SAASc;AAAA,MACT,WAAWD;AAAA,MACX,GAAGZ,IAAmB,EAAE,cAAcA,MAAqB,CAAA;AAAA,IACjE;AAAA,IACIc,IAAYnB,IAAQ;AAAA,IACpBG,KAAYmB;AAAA,EAChB;AACA;AACG,IAACC,IAAkBzB;","x_google_ignoreList":[0]}