@juit/librebarcode 1.0.16 → 2.0.1

package/README.md

@@ -8,10 +8,12 @@ project.
 * [Code128](#code128)
 * [EAN-13, UPC/A and EAN-8](#ean-13-upca-ean-8)
 * [EAN/GS-1 Checksums](#eangs-1-checksums)
-* [Font Assets](#font-assets)
+* [Font Assets and CSS](#font-assets-and-css)
 * [License (encoders)](LICENSE-ASL.md)
 * [License (fonts)](LICENSE-OFL.md)
 
+Look here for a simple [demo](https://juitnow.github.io/juit-librebarcode/).
+
 Code128
 -------
 
@@ -108,36 +110,49 @@ A separate function `checksum()` can be used to calculate the checksum for
 an *arbitrary* sequence of digits according to the EAN/GS-1 calculation rules:
 
 ```typescript
-import { ean } from '@juit/librebarcode'
+import { checksum } from '@juit/librebarcode'
 
-const checksum = ean('541136108357')
+const check = checksum('541136108357')
 // here checksum will be the number 4
 ```
 
 
 
-Font Assets
------------
+Font Assets and CSS
+-------------------
 
 Embedded with this library, you can find three fonts for your encoding needs:
 
-* `./assets/LibreBarcode128-Regular.ttf`: the regular **Code128** font without
+* `./assets/LibreBarcode128-Regular....`: the regular **Code128** font without
   any underlying text. Use this one for GS1 barcodes, as encoding of the `FNC1`
   character messes up the text, and anyhow the text should be represented as
   `(xx)yyyyyyyyyy(zz)wwwwwwww...` (application identifiers with parentheses).
-* `./assets/LibreBarcode128Text-Regular.ttf`: the **Code128** font with
+* `./assets/LibreBarcode128Text-Regular....`: the **Code128** font with
   underlying text. Use this one for standard Code128 barcodes.
-* `./assets/LibreBarcodeEAN13Text-Regular.ttf`: the **EAN** font.
+* `./assets/LibreBarcodeEAN13Text-Regular....`: the **EAN** font.
 
-You can find their file locations in the `fonts` export:
+All fonts are available in TrueType (`.ttf`), OpenType (`.otf`), WOFF (`.woff`)
+and WOFF2 (`.woff2`) formats and are declared as exports of this package.
+
+To know the path of those assets at runtime, you can use `require.resolve(...)`
+on CommonJS or `import.meta.resolve(...)` for EcmaScript modules.
 
 ```typescript
-import { fonts } from '@juit/librebarcode'
-
-// Here fonts will look somewhat similar to
-// {
-//   'LibreBarcode128-Regular.ttf': '... path on your disk .../LibreBarcode128-Regular.ttf',
-//   'LibreBarcode128Text-Regular.ttf': '... path on your disk .../LibreBarcode128Text-Regular.ttf',
-//   'LibreBarcodeEAN13Text-Regular.ttf': '... path on your disk .../LibreBarcodeEAN13Text-Regular.ttf'
-// }
+// in CommonJS
+const path = require.resolve('@juit/librebarcode/assets/LibreBarcode128-Regular.ttf')
+
+// in EcmaScript modules
+const url = import.meta.resolve('@juit/librebarcode/assets/LibreBarcodeEAN13Text-Regular.woff2')
 ```
+
+Similarly, a number of CSS stylesheets are included in the package to easily
+embed these fonts onto web pages and similar. These stylesheets define the
+families `LibreBarcode128`, `LibreBarcode128Text`, and `LibreBarcodeEAN13Text`
+(all with _normal_ font style and _400_ as weight).
+
+* `./assets/fonts-otf.css`: Only import OpenType fonts.
+* `./assets/fonts-ttf.css`: Only import TrueType fonts.
+* `./assets/fonts-woff.css`: Only import WOFF fonts.
+* `./assets/fonts-woff2.css`: Only import WOFF2 fonts.
+* `./assets/fonts.css`: Import all font types, in the following preference
+   order: WOFF2, WOFF, OpenType, TrueType.

package/assets/fonts-otf.css

@@ -0,0 +1,20 @@
+@font-face {
+  font-family: 'LibreBarcode128';
+  font-style: normal;
+  font-weight: 400;
+  src: url('LibreBarcode128-Regular.otf') format('opentype');
+}
+
+@font-face {
+  font-family: 'LibreBarcode128Text';
+  font-style: normal;
+  font-weight: 400;
+  src: url('LibreBarcode128Text-Regular.otf') format('opentype');
+}
+
+@font-face {
+  font-family: 'LibreBarcodeEAN13Text';
+  font-style: normal;
+  font-weight: 400;
+  src: url('LibreBarcodeEAN13Text-Regular.otf') format('opentype');
+}

package/assets/fonts-ttf.css

@@ -0,0 +1,20 @@
+@font-face {
+  font-family: 'LibreBarcode128';
+  font-style: normal;
+  font-weight: 400;
+  src: url('LibreBarcode128-Regular.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'LibreBarcode128Text';
+  font-style: normal;
+  font-weight: 400;
+  src: url('LibreBarcode128Text-Regular.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'LibreBarcodeEAN13Text';
+  font-style: normal;
+  font-weight: 400;
+  src: url('LibreBarcodeEAN13Text-Regular.ttf') format('truetype');
+}

package/assets/fonts-woff.css

@@ -0,0 +1,20 @@
+@font-face {
+  font-family: 'LibreBarcode128';
+  font-style: normal;
+  font-weight: 400;
+  src: url('LibreBarcode128-Regular.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'LibreBarcode128Text';
+  font-style: normal;
+  font-weight: 400;
+  src: url('LibreBarcode128Text-Regular.woff') format('woff');
+}
+
+@font-face {
+  font-family: 'LibreBarcodeEAN13Text';
+  font-style: normal;
+  font-weight: 400;
+  src: url('LibreBarcodeEAN13Text-Regular.woff') format('woff');
+}

package/assets/fonts-woff2.css

@@ -0,0 +1,20 @@
+@font-face {
+  font-family: 'LibreBarcode128';
+  font-style: normal;
+  font-weight: 400;
+  src: url('LibreBarcode128-Regular.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'LibreBarcode128Text';
+  font-style: normal;
+  font-weight: 400;
+  src: url('LibreBarcode128Text-Regular.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'LibreBarcodeEAN13Text';
+  font-style: normal;
+  font-weight: 400;
+  src: url('LibreBarcodeEAN13Text-Regular.woff2') format('woff2');
+}

package/assets/fonts.css

@@ -0,0 +1,29 @@
+@font-face {
+  font-family: 'LibreBarcode128';
+  font-style: normal;
+  font-weight: 400;
+  src: url('LibreBarcode128-Regular.woff2') format('woff2'),
+       url('LibreBarcode128-Regular.woff')  format('woff'),
+       url('LibreBarcode128-Regular.otf')   format('opentype'),
+       url('LibreBarcode128-Regular.ttf')   format('truetype');
+}
+
+@font-face {
+  font-family: 'LibreBarcode128Text';
+  font-style: normal;
+  font-weight: 400;
+  src: url('LibreBarcode128Text-Regular.woff2') format('woff2'),
+       url('LibreBarcode128Text-Regular.woff')  format('woff'),
+       url('LibreBarcode128Text-Regular.otf')   format('opentype'),
+       url('LibreBarcode128Text-Regular.ttf')   format('truetype');
+}
+
+@font-face {
+  font-family: 'LibreBarcodeEAN13Text';
+  font-style: normal;
+  font-weight: 400;
+  src: url('LibreBarcodeEAN13Text-Regular.woff2') format('woff2'),
+       url('LibreBarcodeEAN13Text-Regular.woff')  format('woff'),
+       url('LibreBarcodeEAN13Text-Regular.otf')   format('opentype'),
+       url('LibreBarcodeEAN13Text-Regular.ttf')   format('truetype');
+}

package/dist/index.cjs

@@ -26,18 +26,11 @@ __export(src_exports, {
   FNC4: () => import_code128.FNC4,
   checksum: () => import_ean.checksum,
   code128: () => import_code128.code128,
-  ean: () => import_ean.ean,
-  fonts: () => fonts
+  ean: () => import_ean.ean
 });
 module.exports = __toCommonJS(src_exports);
 var import_code128 = require("./code128.cjs");
 var import_ean = require("./ean.cjs");
-var here = new URL(__filename, "file:///");
-var fonts = {
-  "LibreBarcode128-Regular.ttf": new URL("../assets/LibreBarcode128-Regular.ttf", here).pathname,
-  "LibreBarcode128Text-Regular.ttf": new URL("../assets/LibreBarcode128Text-Regular.ttf", here).pathname,
-  "LibreBarcodeEAN13Text-Regular.ttf": new URL("../assets/LibreBarcodeEAN13Text-Regular.ttf", here).pathname
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   FNC1,
@@ -46,7 +39,6 @@ var fonts = {
   FNC4,
   checksum,
   code128,
-  ean,
-  fonts
+  ean
 });
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../src/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAgD;AAChD,iBAA8B;AAI9B,IAAM,OAAO,IAAI,IAAI,YAAW,UAAU;AAEnC,IAAM,QAAQ;AAAA,EACnB,+BAA+B,IAAI,IAAI,yCAAyC,IAAI,EAAE;AAAA,EACtF,mCAAmC,IAAI,IAAI,6CAA6C,IAAI,EAAE;AAAA,EAC9F,qCAAqC,IAAI,IAAI,+CAA+C,IAAI,EAAE;AACpG;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAgD;AAChD,iBAA8B;",
   "names": []
 }

package/dist/index.d.ts

@@ -1,8 +1,3 @@
 export { FNC1, FNC2, FNC3, FNC4, code128 } from './code128';
 export { checksum, ean } from './ean';
 export type { CodeSet } from './code128';
-export declare const fonts: {
-    'LibreBarcode128-Regular.ttf': string;
-    'LibreBarcode128Text-Regular.ttf': string;
-    'LibreBarcodeEAN13Text-Regular.ttf': string;
-};

package/dist/index.mjs

@@ -1,12 +1,6 @@
 // index.ts
 import { FNC1, FNC2, FNC3, FNC4, code128 } from "./code128.mjs";
 import { checksum, ean } from "./ean.mjs";
-var here = new URL(import.meta.url, "file:///");
-var fonts = {
-  "LibreBarcode128-Regular.ttf": new URL("../assets/LibreBarcode128-Regular.ttf", here).pathname,
-  "LibreBarcode128Text-Regular.ttf": new URL("../assets/LibreBarcode128Text-Regular.ttf", here).pathname,
-  "LibreBarcodeEAN13Text-Regular.ttf": new URL("../assets/LibreBarcodeEAN13Text-Regular.ttf", here).pathname
-};
 export {
   FNC1,
   FNC2,
@@ -14,7 +8,6 @@ export {
   FNC4,
   checksum,
   code128,
-  ean,
-  fonts
+  ean
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../src/index.ts"],
-  "mappings": ";AAAA,SAAS,MAAM,MAAM,MAAM,MAAM,eAAe;AAChD,SAAS,UAAU,WAAW;AAI9B,IAAM,OAAO,IAAI,IAAI,iBAAW,UAAU;AAEnC,IAAM,QAAQ;AAAA,EACnB,+BAA+B,IAAI,IAAI,yCAAyC,IAAI,EAAE;AAAA,EACtF,mCAAmC,IAAI,IAAI,6CAA6C,IAAI,EAAE;AAAA,EAC9F,qCAAqC,IAAI,IAAI,+CAA+C,IAAI,EAAE;AACpG;",
+  "mappings": ";AAAA,SAAS,MAAM,MAAM,MAAM,MAAM,eAAe;AAChD,SAAS,UAAU,WAAW;",
   "names": []
 }

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@juit/librebarcode",
-  "version": "1.0.16",
+  "version": "2.0.1",
   "description": "Encoders and fonts for EAN13 and Code128",
   "author": "Team Juit <developers@juit.com>",
   "license": "Apache-2.0",
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
+  "type": "module",
   "exports": {
     ".": {
       "require": {
@@ -17,18 +18,43 @@
         "types": "./dist/index.d.ts",
         "default": "./dist/index.mjs"
       }
-    }
+    },
+    "./assets/LibreBarcode128-Regular.otf": "./assets/LibreBarcode128-Regular.otf",
+    "./assets/LibreBarcode128-Regular.ttf": "./assets/LibreBarcode128-Regular.ttf",
+    "./assets/LibreBarcode128-Regular.woff": "./assets/LibreBarcode128-Regular.woff",
+    "./assets/LibreBarcode128-Regular.woff2": "./assets/LibreBarcode128-Regular.woff2",
+    "./assets/LibreBarcode128Text-Regular.otf": "./assets/LibreBarcode128Text-Regular.otf",
+    "./assets/LibreBarcode128Text-Regular.ttf": "./assets/LibreBarcode128Text-Regular.ttf",
+    "./assets/LibreBarcode128Text-Regular.woff": "./assets/LibreBarcode128Text-Regular.woff",
+    "./assets/LibreBarcode128Text-Regular.woff2": "./assets/LibreBarcode128Text-Regular.woff2",
+    "./assets/LibreBarcodeEAN13Text-Regular.otf": "./assets/LibreBarcodeEAN13Text-Regular.otf",
+    "./assets/LibreBarcodeEAN13Text-Regular.ttf": "./assets/LibreBarcodeEAN13Text-Regular.ttf",
+    "./assets/LibreBarcodeEAN13Text-Regular.woff": "./assets/LibreBarcodeEAN13Text-Regular.woff",
+    "./assets/LibreBarcodeEAN13Text-Regular.woff2": "./assets/LibreBarcodeEAN13Text-Regular.woff2",
+    "./assets/fonts-otf.css": "./assets/fonts-otf.css",
+    "./assets/fonts-ttf.css": "./assets/fonts-ttf.css",
+    "./assets/fonts-woff.css": "./assets/fonts-woff.css",
+    "./assets/fonts-woff2.css": "./assets/fonts-woff2.css",
+    "./assets/fonts.css": "./assets/fonts.css"
   },
   "scripts": {
-    "build": "plug",
+    "build": "plug && vite build",
     "coverage": "plug coverage",
     "dev": "plug coverage -w src -w test",
+    "demo": "vite",
     "lint": "plug lint",
     "test": "plug test",
     "transpile": "plug transpile"
   },
   "devDependencies": {
-    "@plugjs/build": "^0.6.14"
+    "@plugjs/build": "^0.6.15",
+    "@plugjs/eslint-plugin": "^0.2.25",
+    "@quasar/vite-plugin": "^1.8.1",
+    "@vitejs/plugin-vue": "^5.2.0",
+    "eslint-plugin-vue": "^9.31.0",
+    "quasar": "^2.17.2",
+    "sass-embedded": "^1.80.7",
+    "vite": "^5.4.11"
   },
   "directories": {
     "test": "test"

package/src/index.ts

@@ -2,11 +2,3 @@ export { FNC1, FNC2, FNC3, FNC4, code128 } from './code128'
 export { checksum, ean } from './ean'
 
 export type { CodeSet } from './code128'
-
-const here = new URL(__fileurl, 'file:///')
-
-export const fonts = {
-  'LibreBarcode128-Regular.ttf': new URL('../assets/LibreBarcode128-Regular.ttf', here).pathname,
-  'LibreBarcode128Text-Regular.ttf': new URL('../assets/LibreBarcode128Text-Regular.ttf', here).pathname,
-  'LibreBarcodeEAN13Text-Regular.ttf': new URL('../assets/LibreBarcodeEAN13Text-Regular.ttf', here).pathname,
-}