@inglorious/logo 1.0.0

package/dist/logo.stories.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Interactive = exports.IngloriousEngine = exports.Default = exports.Big = void 0;
+var _ = _interopRequireDefault(require("."));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var _default = exports["default"] = {
+  title: "Inglorious Logo",
+  component: _["default"]
+};
+var Default = exports.Default = {
+  args: {}
+};
+var Big = exports.Big = {
+  args: {
+    size: 320
+  }
+};
+var Interactive = exports.Interactive = {
+  args: _objectSpread(_objectSpread({}, Big.args), {}, {
+    isInteractive: true
+  })
+};
+var IngloriousEngine = exports.IngloriousEngine = {
+  decorators: [function (Story) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        background: "black",
+        width: 320,
+        height: 240,
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center"
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Story, {})
+    });
+  }],
+  args: {
+    size: 128,
+    faces: [{
+      image: "I",
+      eye: true
+    }, {
+      image: "E"
+    }]
+  }
+};

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@inglorious/logo",
+  "version": "1.0.0",
+  "private": false,
+  "license": "SEE LICENSE IN LICENSE.md",
+  "author": "Matteo Antony Mistretta <antony.mistretta@gmail.com> (https://www.ingloriouscoderz.it)",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "source": "src/index.jsx",
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.23.0",
+    "@babel/preset-env": "^7.23.2",
+    "@babel/preset-react": "^7.22.15",
+    "@storybook/addon-essentials": "7.4.6",
+    "@storybook/addon-interactions": "7.4.6",
+    "@storybook/addon-links": "7.4.6",
+    "@storybook/addon-onboarding": "1.0.8",
+    "@storybook/blocks": "7.4.6",
+    "@storybook/react": "7.4.6",
+    "@storybook/react-vite": "7.4.6",
+    "@storybook/testing-library": "0.2.2",
+    "babel-loader": "^9.1.3",
+    "eslint": "^8.51.0",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.3",
+    "eslint-plugin-simple-import-sort": "^10.0.0",
+    "prop-types": "15.8.1",
+    "rimraf": "^5.0.5",
+    "storybook": "7.4.6",
+    "vite-plugin-svgr": "^4.1.0",
+    "vitest": "^0.34.6"
+  },
+  "scripts": {
+    "lint": "eslint src --fix --ext .js,.jsx",
+    "test": "vitest",
+    "coverage": "vitest run --coverage",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build": "babel src -d dist --copy-files",
+    "prepublish": "rimraf dist && npm run build"
+  }
+}

package/src/eye.svg

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #eyelid {
+      fill: rgb(0, 192, 192);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 127);
+      stroke-width: 0;
+    }
+    
+    #eye {
+      fill: rgb(0, 255, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(0, 192, 192);
+      stroke-width: 0;
+    }
+  </style>
+
+  <path id="eyelid" d="
+    M 0 0
+    L 1 0
+    L 2.5 0.75
+    L 4.5 0.75
+    L 4 1
+    L 2 1
+    Z
+  " />
+
+  <path id="eye" d="
+    M 1 0
+    L 6 0
+    L 4.5 0.75
+    L 2.5 0.75
+    Z
+  " />
+</svg>

package/src/faces/A.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+
+  <path id="letter" d="
+    M 0 0
+    L 6 0
+    L 6 6
+    L 4 6
+    L 4 4
+    L 2 4
+    L 2 6
+    L 0 6
+    Z
+
+    M 2 1
+    L 2 3
+    L 4 3
+    L 4 1
+    Z
+  " />
+</svg>

package/src/faces/B.svg

@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+
+  <path id="letter" d="
+    M 0 0
+    L 6 0
+    L 6 1
+    L 5 2
+    L 6 2
+    L 6 6
+    L 0 6
+    Z
+
+    M 2 1
+    L 2 2
+    L 4 2
+    L 4 1
+    Z
+
+    M 2 3
+    L 2 5
+    L 4 5
+    L 4 3
+    Z
+  " />
+</svg>

package/src/faces/C.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+  
+  <path id="letter" d="
+    M 0 0
+    L 6 0
+    L 6 2
+    L 4 1
+    L 2 1
+    L 2 5
+    L 4 5
+    L 6 4
+    L 6 6
+    L 0 6
+    Z
+  " />
+</svg>

package/src/faces/D.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+
+  <path id="letter" d="
+    M 0 0
+    L 6 0
+    L 6 4
+    L 4 6
+    L 0 6
+    Z
+
+    M 2 1
+    L 2 5
+    L 3 5
+    L 4 4
+    L 4 1
+    Z
+  " />
+</svg>

package/src/faces/E.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+
+  <path id="letter" d="
+    M 0 0
+    L 6 0
+    L 6 2
+    L 4 1
+    L 2 1
+    L 2 2
+    L 4 2
+    L 3 3
+    L 2 3
+    L 2 5
+    L 4 5
+    L 6 4
+    L 6 6
+    L 0 6
+    Z
+  " />
+</svg>

package/src/faces/F.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+
+  <path id="letter" d="
+    M 0 0
+    L 6 0
+    L 6 2
+    L 4 1
+    L 2 1
+    L 2 2
+    L 4 2
+    L 3 3
+    L 2 3
+    L 2 5
+    L 4 6
+    L 0 6
+    Z
+  " />
+</svg>

package/src/faces/G.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+  
+  <path id="letter" d="
+    M 0 0
+    L 6 0
+    L 6 2
+    L 4 1
+    L 2 1
+    L 2 5
+    L 4 5
+    L 4 4
+    L 3 3
+    L 6 3
+    L 6 6
+    L 0 6
+    Z
+  " />
+</svg>

package/src/faces/H.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+  
+  <path id="letter" d="
+    M 0 0
+    L 2 0
+    L 2 2
+    L 4 2
+    L 4 0
+    L 6 0
+    L 6 6
+    L 4 6
+    L 4 4
+    L 2 4
+    L 2 6
+    L 0 6
+    Z
+  " />
+</svg>

package/src/faces/I.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+
+  <path id="letter" d="
+    M 0 0
+    L 6 0
+    L 4 1
+    L 4 5
+    L 6 6
+    L 0 6
+    L 2 5
+    L 2 1
+    Z
+  " />
+</svg>

package/src/faces/J.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+
+  <path id="letter" d="
+    M 3 0
+    L 6 0
+    L 6 6
+    L 0 6
+    L 0 3
+    L 3 3
+    L 2 4
+    L 2 5
+    L 4 5
+    L 4 1
+    Z
+  " />
+</svg>

package/src/faces/K.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+  
+  <path id="letter" d="
+    M 0 0
+    L 2 0
+    L 2 2
+    L 4 0
+    L 6 0
+    L 3 3
+    L 6 6
+    L 4 6
+    L 2 4
+    L 2 6
+    L 0 6
+    Z
+  " />
+</svg>

package/src/faces/L.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+
+  <path id="letter" d="
+    M 0 0
+    L 3 0
+    L 2 1
+    L 2 5
+    L 5 5
+    L 6 4
+    L 6 6
+    L 0 6
+    Z
+  " />
+</svg>

package/src/faces/M.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+  
+  <path id="letter" d="
+    M 0 0
+    L 2 0
+    L 3 2
+    L 4 0
+    L 6 0
+    L 6 6
+    L 4 6
+    L 4 3
+    L 3 5
+    L 2 3
+    L 2 6
+    L 0 6
+    Z
+  " />
+</svg>

package/src/faces/N.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+  
+  <path id="letter" d="
+    M 0 0
+    L 2 0
+    L 4 3
+    L 4 0
+    L 6 0
+    L 6 6
+    L 4 6
+    L 2 3
+    L 2 6
+    L 0 6
+    Z
+  " />
+</svg>

package/src/faces/O.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+
+  <path id="letter" d="
+    M 0 0
+    L 6 0
+    L 6 6
+    L 0 6
+    Z
+
+    M 2 1
+    L 2 5
+    L 4 5
+    L 4 1
+    Z
+  " />
+</svg>

package/src/faces/P.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+
+  <path id="letter" d="
+    M 0 0
+    L 6 0
+    L 6 2
+    L 4 4
+    L 2 4
+    L 2 6
+    L 0 6
+    Z
+
+    M 2 1
+    L 2 3
+    L 3 3
+    L 4 2
+    L 4 1
+    Z
+  " />
+</svg>

package/src/faces/Q.svg

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+
+  <path id="letter" d="
+    M 0 0
+    L 6 0
+    L 6 3
+    L 5 4
+    L 6 5
+    L 6 6
+    L 5 6
+    L 4 5
+    L 3 6
+    L 0 6
+    Z
+
+    M 2 1
+    L 2 4
+    L 3 4
+    L 4 3
+    L 4 1
+    Z
+  " />
+</svg>

package/src/faces/R.svg

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6">
+  <style>
+    #letter {
+      fill: rgb(127, 127, 255);
+      fill-opacity: 0.5;
+      stroke: rgb(127, 127, 192);
+      stroke-width: 0.25;
+      stroke-opacity: 0.5;
+    }
+  </style>
+
+  <path id="letter" d="
+    M 0 0
+    L 6 0
+    L 6 2
+    L 4 4
+    L 6 6
+    L 4 6
+    L 2 4
+    L 2 6
+    L 0 6
+    Z
+
+    M 2 1
+    L 2 3
+    L 3 3
+    L 4 2
+    L 4 1
+    Z
+  " />
+</svg>