classicy 0.5.10 → 0.5.18

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) [2023] [Ignacio Andrés Miranda Figueroa]
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,211 +1,46 @@
-# [Classicy](https://classicy.ing)
-
-##### Previously Platinum
-
-A UI framework using native CSS/JS replications of the Mac OS 8 interface components.
-
-[Just curious? Visit our website to learn more.](https://classicy.ing)
-
-## Demo
-
-### [See a demo here!](https://robbiebyrd.github.io/classicy/)
-
-## Building and running on localhost
-
-First install dependencies:
-
-```sh
-npm install
-```
-
-To create a production build:
-
-```sh
-npm run build-prod
-```
-
-To create a development build:
-
-```sh
-npm run build-dev
-```
-
-## 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
+# ⚛️⚡ Vite + React + Typescript Component Library Template
 
 ## Features
 
-*Legend*
+- ♥️ [Node 22](https://nodejs.org/en/download)
+- ⚛️ [React 19](https://reactjs.org/)
+- 📚 [Storybook 9](https://storybook.js.org/) - Components preview
+- 🖌️ [Tailwind CSS 4](https://tailwindcss.com/)
+- ⏩ [Vite](https://vitejs.dev/) - Run and build the project blazingly fast!
+- ⚡ [Vitest](https://vitest.dev/) - Components Unit Testing
+- 📐 [Biome](https://biomejs.dev/) - Formatting and Linting
+- 🌟 [Typescript](https://www.typescriptlang.org/)
+- 🐶 [Husky](https://typicode.github.io/husky) & [Lint Staged](https://www.npmjs.com/package/lint-staged) - Pre-commit Hooks
+- ⏰ [Release Please](https://github.com/googleapis/release-please) — Generate the changelog with the release-please workflow
+- 👷 [Github Actions](https://github.com/features/actions) — Releasing versions to NPM
+- Initial components setup using [Atomic Design](https://bradfrost.com/blog/post/atomic-web-design/)
 
-|          |                     |                     |
-|:--------:|:-------------------:|:-------------------:|
-|    ✅     |         ℹ️          |         ⚠️          |
-| Complete | Partially complete. |    Experimental     |
-|          |                     | *Subject to change* |
+## Getting Started
 
-- 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
+1. Create a new repository using this one as template
+2. Clone your repo
+3. Install dependencies with `pnpm i` (first run `corepack enable` to enable pnpm)
 
-## Component Organization
+## Main Scripts
 
-* `<ClassicyDesktopProvider>`
-    * `<ClassicyDesktop>`
-        * `<ClassicyDesktopMenuBar>`
-        * `<ClassicyDesktopIcon?>`
-        * `<YourClassicyApp>`
-            * `<ClassicyAppContext>`
-                * `<ClassicyApp>`
-                    * `<ClassicyWindow?>`
-                        * `<ClassicyUIControls?>`
-                        * `<OtherReactNodes?>`
+Always prepending pnpm:
 
-## Events
+- `dev`: Bootstrap the Storybook preview with Hot Reload.
+- `build`: Builds the static storybook project.
+- `build:lib`: Builds the component library into the **dist** folder.
+- `lint`: Applies linting based on the rules defined in **biome.json**.
+- `format`: Formats files using the biome rules defined in **biome.json**.
+- `test`: Runs testing using watch mode.
+- `test:cov`: Runs testing displaying a coverage report.
 
-* `ClassicyDesktop`
-    * `ClassicyDesktopClick`
-    * `ClassicyDesktopDrag`
+## Blog Post
 
-* `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`
+I created a post explaning how to set up this library and publish it to a package registry! You can read it [here](https://igna.hashnode.dev/vite-react-typescript-component-library-template-setup-explanation).
 
-* `ClassicyDesktopIcon`
-    * `ClassicyDesktopClick`
-    * `ClassicyDesktopAltClick`
-    * `ClassicyDesktopDoubleClick`
-    * `ClassicyDesktopDrag`
+## Author
 
-* `ClassicyApp`
-    * `ClassicyAppOpen`
-    * `ClassicyAppClose`
-    * `ClassicyAppHide`
-    * `ClassicyAppFocus`
+[Ignacio Miranda Figueroa](https://www.linkedin.com/in/ignacio-miranda-figueroa/)
 
-* `ClassicyWindow`
-    * `ClassicyWindowOpen`
-    * `ClassicyWindowClose`
-    * `ClassicyWindowZoom`
-    * `ClassicyWindowCollapse`
-    * `ClassicyWindowResize`
-    * `ClassicyWindowDrag`
-    * `ClassicyWindowFocus`
-    * `ClassicyWindowContentScroll`
-    * `ClassicyWindowContentClick`
+## License
 
-* `ClassicyMenu`
-    * `ClassicyMenuHover`
-    * `ClassicyMenuClick`
-    * `ClassicyMenuChange`
+[MIT](LICENSE)

package/dist/Preview-B06KD3T-.mjs

@@ -0,0 +1,86 @@
+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 == null || n(e));
+  }, v = (e) => {
+    n == null || 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
+};