rails_icons 1.7.1 → 1.8.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 53d052de970b40fa2b2d56b1312fcb8571c7bc22eaed1a8d7a4b222699ee6d68
-  data.tar.gz: a67eb5e2314eb02a4372f336d69c8ee51306a3a21597a9b02523a74f09bf6dd4
+  metadata.gz: 9d05be67d1c13063b9c5fca713d8ef525f2859bc06052909d5bd2df13bbede6f
+  data.tar.gz: 37d0a613b5c7cbeac079203e5cd44337fd338f58f0e2b5ec8ad111cc4897e9b0
 SHA512:
-  metadata.gz: 00deea25eab7ba7db2c90068d0f772e83ca4425144369111430a7001bbf6160ce684ad4f5fc38adcd9a586c85651ff3fe56c79bb3c53fecc854a2d5073c94f3d
-  data.tar.gz: e188f7d1dd7958dcc1e16444f122299be1660b03a0b15f879f1ee8914639cfdd9727096dbcbbe78a16940aca9c0d7740174ce37793308902c5257ca241338d57
+  metadata.gz: 7d6fd9ff135d39bb5b02cb70e7a96b8a12d3f2f31c95c91cc0faab8280a87f54a97752254291bbe61083d409c7a125cef07d53f2ce7a0e2c4fceac28fbf11e66
+  data.tar.gz: fdcffc8c5dfcbb944aea21f64994989d207b968764c0e74f9ff59fd5b8cab4294e15a9e4c35fbce918d3e4011d9e17566a0b6ef57c944a9c560c747c5ab2fe25

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    rails_icons (1.7.1)
+    rails_icons (1.8.0)
       icons (~> 0.8.1)
       rails (>= 7.0)
 

data/README.md

@@ -46,6 +46,8 @@ rails generate rails_icons:install --library=heroicons
 rails generate rails_icons:install --libraries=heroicons lucide
 ```
 
+The generator also mounts an icon preview at `/rails_icons` where you can browse and search all your available icons. This route is open by default, so restrict it in production if needed.
+
 
 ## Usage
 

data/app/assets/javascripts/rails_icons/minisearch.min.js

@@ -0,0 +1,8 @@
+/**
+ * Minified by jsDelivr using Terser v5.39.0.
+ * Original file: /npm/minisearch@7.2.0/dist/umd/index.js
+ *
+ * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
+ */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).MiniSearch=e()}(this,(function(){"use strict";const t="KEYS",e="VALUES",s="";class i{constructor(t,e){const s=t._tree,i=Array.from(s.keys());this.set=t,this._type=e,this._path=i.length>0?[{node:s,keys:i}]:[]}next(){const t=this.dive();return this.backtrack(),t}dive(){if(0===this._path.length)return{done:!0,value:void 0};const{node:t,keys:e}=n(this._path);if(n(e)===s)return{done:!1,value:this.result()};const i=t.get(n(e));return this._path.push({node:i,keys:Array.from(i.keys())}),this.dive()}backtrack(){if(0===this._path.length)return;const t=n(this._path).keys;t.pop(),t.length>0||(this._path.pop(),this.backtrack())}key(){return this.set._prefix+this._path.map((({keys:t})=>n(t))).filter((t=>t!==s)).join("")}value(){return n(this._path).node.get(s)}result(){switch(this._type){case e:return this.value();case t:return this.key();default:return[this.key(),this.value()]}}[Symbol.iterator](){return this}}const n=t=>t[t.length-1],o=(t,e,i,n,r,c,h,u)=>{const d=c*h;t:for(const a of t.keys())if(a===s){const e=r[d-1];e<=i&&n.set(u,[t.get(a),e])}else{let s=c;for(let t=0;t<a.length;++t,++s){const n=a[t],o=h*s,c=o-h;let u=r[o];const d=Math.max(0,s-i-1),l=Math.min(h-1,s+i);for(let t=d;t<l;++t){const s=n!==e[t],i=r[c+t]+ +s,h=r[c+t+1]+1,d=r[o+t]+1,a=r[o+t+1]=Math.min(i,h,d);a<u&&(u=a)}if(u>i)continue t}o(t.get(a),e,i,n,r,s,h,u+a)}};class r{constructor(t=new Map,e=""){this._size=void 0,this._tree=t,this._prefix=e}atPrefix(t){if(!t.startsWith(this._prefix))throw new Error("Mismatched prefix");const[e,i]=c(this._tree,t.slice(this._prefix.length));if(void 0===e){const[e,n]=f(i);for(const i of e.keys())if(i!==s&&i.startsWith(n)){const s=new Map;return s.set(i.slice(n.length),e.get(i)),new r(s,t)}}return new r(e,t)}clear(){this._size=void 0,this._tree.clear()}delete(t){return this._size=void 0,d(this._tree,t)}entries(){return new i(this,"ENTRIES")}forEach(t){for(const[e,s]of this)t(e,s,this)}fuzzyGet(t,e){return((t,e,s)=>{const i=new Map;if(void 0===e)return i;const n=e.length+1,r=n+s,c=new Uint8Array(r*n).fill(s+1);for(let t=0;t<n;++t)c[t]=t;for(let t=1;t<r;++t)c[t*n]=t;return o(t,e,s,i,c,1,n,""),i})(this._tree,t,e)}get(t){const e=h(this._tree,t);return void 0!==e?e.get(s):void 0}has(t){const e=h(this._tree,t);return void 0!==e&&e.has(s)}keys(){return new i(this,t)}set(t,e){if("string"!=typeof t)throw new Error("key must be a string");this._size=void 0;return u(this._tree,t).set(s,e),this}get size(){if(this._size)return this._size;this._size=0;const t=this.entries();for(;!t.next().done;)this._size+=1;return this._size}update(t,e){if("string"!=typeof t)throw new Error("key must be a string");this._size=void 0;const i=u(this._tree,t);return i.set(s,e(i.get(s))),this}fetch(t,e){if("string"!=typeof t)throw new Error("key must be a string");this._size=void 0;const i=u(this._tree,t);let n=i.get(s);return void 0===n&&i.set(s,n=e()),n}values(){return new i(this,e)}[Symbol.iterator](){return this.entries()}static from(t){const e=new r;for(const[s,i]of t)e.set(s,i);return e}static fromObject(t){return r.from(Object.entries(t))}}const c=(t,e,i=[])=>{if(0===e.length||null==t)return[t,i];for(const n of t.keys())if(n!==s&&e.startsWith(n))return i.push([t,n]),c(t.get(n),e.slice(n.length),i);return i.push([t,e]),c(void 0,"",i)},h=(t,e)=>{if(0===e.length||null==t)return t;for(const i of t.keys())if(i!==s&&e.startsWith(i))return h(t.get(i),e.slice(i.length))},u=(t,e)=>{const i=e.length;t:for(let n=0;t&&n<i;){for(const o of t.keys())if(o!==s&&e[n]===o[0]){const s=Math.min(i-n,o.length);let r=1;for(;r<s&&e[n+r]===o[r];)++r;const c=t.get(o);if(r===o.length)t=c;else{const s=new Map;s.set(o.slice(r),c),t.set(e.slice(n,n+r),s),t.delete(o),t=s}n+=r;continue t}const o=new Map;return t.set(e.slice(n),o),o}return t},d=(t,e)=>{const[i,n]=c(t,e);if(void 0!==i)if(i.delete(s),0===i.size)a(n);else if(1===i.size){const[t,e]=i.entries().next().value;l(n,t,e)}},a=t=>{if(0===t.length)return;const[e,i]=f(t);if(e.delete(i),0===e.size)a(t.slice(0,-1));else if(1===e.size){const[i,n]=e.entries().next().value;i!==s&&l(t.slice(0,-1),i,n)}},l=(t,e,s)=>{if(0===t.length)return;const[i,n]=f(t);i.set(n+e,s),i.delete(n)},f=t=>t[t.length-1],m="or",_="and",g="and_not";class p{constructor(t){if(null==(null==t?void 0:t.fields))throw new Error('MiniSearch: option "fields" must be provided');const e=null==t.autoVacuum||!0===t.autoVacuum?M:t.autoVacuum;this._options={...z,...t,autoVacuum:e,searchOptions:{...b,...t.searchOptions||{}},autoSuggestOptions:{...I,...t.autoSuggestOptions||{}}},this._index=new r,this._documentCount=0,this._documentIds=new Map,this._idToShortId=new Map,this._fieldIds={},this._fieldLength=new Map,this._avgFieldLength=[],this._nextId=0,this._storedFields=new Map,this._dirtCount=0,this._currentVacuum=null,this._enqueuedVacuum=null,this._enqueuedVacuumConditions=F,this.addFields(this._options.fields)}add(t){const{extractField:e,stringifyField:s,tokenize:i,processTerm:n,fields:o,idField:r}=this._options,c=e(t,r);if(null==c)throw new Error(`MiniSearch: document does not have ID field "${r}"`);if(this._idToShortId.has(c))throw new Error(`MiniSearch: duplicate ID ${c}`);const h=this.addDocumentId(c);this.saveStoredFields(h,t);for(const r of o){const o=e(t,r);if(null==o)continue;const c=i(s(o,r),r),u=this._fieldIds[r],d=new Set(c).size;this.addFieldLength(h,u,this._documentCount-1,d);for(const t of c){const e=n(t,r);if(Array.isArray(e))for(const t of e)this.addTerm(u,h,t);else e&&this.addTerm(u,h,e)}}}addAll(t){for(const e of t)this.add(e)}addAllAsync(t,e={}){const{chunkSize:s=10}=e,i={chunk:[],promise:Promise.resolve()},{chunk:n,promise:o}=t.reduce((({chunk:t,promise:e},i,n)=>(t.push(i),(n+1)%s==0?{chunk:[],promise:e.then((()=>new Promise((t=>setTimeout(t,0))))).then((()=>this.addAll(t)))}:{chunk:t,promise:e})),i);return o.then((()=>this.addAll(n)))}remove(t){const{tokenize:e,processTerm:s,extractField:i,stringifyField:n,fields:o,idField:r}=this._options,c=i(t,r);if(null==c)throw new Error(`MiniSearch: document does not have ID field "${r}"`);const h=this._idToShortId.get(c);if(null==h)throw new Error(`MiniSearch: cannot remove document with ID ${c}: it is not in the index`);for(const r of o){const o=i(t,r);if(null==o)continue;const c=e(n(o,r),r),u=this._fieldIds[r],d=new Set(c).size;this.removeFieldLength(h,u,this._documentCount,d);for(const t of c){const e=s(t,r);if(Array.isArray(e))for(const t of e)this.removeTerm(u,h,t);else e&&this.removeTerm(u,h,e)}}this._storedFields.delete(h),this._documentIds.delete(h),this._idToShortId.delete(c),this._fieldLength.delete(h),this._documentCount-=1}removeAll(t){if(t)for(const e of t)this.remove(e);else{if(arguments.length>0)throw new Error("Expected documents to be present. Omit the argument to remove all documents.");this._index=new r,this._documentCount=0,this._documentIds=new Map,this._idToShortId=new Map,this._fieldLength=new Map,this._avgFieldLength=[],this._storedFields=new Map,this._nextId=0}}discard(t){const e=this._idToShortId.get(t);if(null==e)throw new Error(`MiniSearch: cannot discard document with ID ${t}: it is not in the index`);this._idToShortId.delete(t),this._documentIds.delete(e),this._storedFields.delete(e),(this._fieldLength.get(e)||[]).forEach(((t,s)=>{this.removeFieldLength(e,s,this._documentCount,t)})),this._fieldLength.delete(e),this._documentCount-=1,this._dirtCount+=1,this.maybeAutoVacuum()}maybeAutoVacuum(){if(!1===this._options.autoVacuum)return;const{minDirtFactor:t,minDirtCount:e,batchSize:s,batchWait:i}=this._options.autoVacuum;this.conditionalVacuum({batchSize:s,batchWait:i},{minDirtCount:e,minDirtFactor:t})}discardAll(t){const e=this._options.autoVacuum;try{this._options.autoVacuum=!1;for(const e of t)this.discard(e)}finally{this._options.autoVacuum=e}this.maybeAutoVacuum()}replace(t){const{idField:e,extractField:s}=this._options,i=s(t,e);this.discard(i),this.add(t)}vacuum(t={}){return this.conditionalVacuum(t)}conditionalVacuum(t,e){return this._currentVacuum?(this._enqueuedVacuumConditions=this._enqueuedVacuumConditions&&e,null!=this._enqueuedVacuum||(this._enqueuedVacuum=this._currentVacuum.then((()=>{const e=this._enqueuedVacuumConditions;return this._enqueuedVacuumConditions=F,this.performVacuuming(t,e)}))),this._enqueuedVacuum):!1===this.vacuumConditionsMet(e)?Promise.resolve():(this._currentVacuum=this.performVacuuming(t),this._currentVacuum)}async performVacuuming(t,e){const s=this._dirtCount;if(this.vacuumConditionsMet(e)){const e=t.batchSize||S.batchSize,i=t.batchWait||S.batchWait;let n=1;for(const[t,s]of this._index){for(const[t,e]of s)for(const[i]of e)this._documentIds.has(i)||(e.size<=1?s.delete(t):e.delete(i));0===this._index.get(t).size&&this._index.delete(t),n%e==0&&await new Promise((t=>setTimeout(t,i))),n+=1}this._dirtCount-=s}await null,this._currentVacuum=this._enqueuedVacuum,this._enqueuedVacuum=null}vacuumConditionsMet(t){if(null==t)return!0;let{minDirtCount:e,minDirtFactor:s}=t;return e=e||M.minDirtCount,s=s||M.minDirtFactor,this.dirtCount>=e&&this.dirtFactor>=s}get isVacuuming(){return null!=this._currentVacuum}get dirtCount(){return this._dirtCount}get dirtFactor(){return this._dirtCount/(1+this._documentCount+this._dirtCount)}has(t){return this._idToShortId.has(t)}getStoredFields(t){const e=this._idToShortId.get(t);if(null!=e)return this._storedFields.get(e)}search(t,e={}){const{searchOptions:s}=this._options,i={...s,...e},n=this.executeQuery(t,e),o=[];for(const[t,{score:e,terms:s,match:r}]of n){const n=s.length||1,c={id:this._documentIds.get(t),score:e*n,terms:Object.keys(r),queryTerms:s,match:r};Object.assign(c,this._storedFields.get(t)),(null==i.filter||i.filter(c))&&o.push(c)}return t===p.wildcard&&null==i.boostDocument||o.sort(V),o}autoSuggest(t,e={}){e={...this._options.autoSuggestOptions,...e};const s=new Map;for(const{score:i,terms:n}of this.search(t,e)){const t=n.join(" "),e=s.get(t);null!=e?(e.score+=i,e.count+=1):s.set(t,{score:i,terms:n,count:1})}const i=[];for(const[t,{score:e,terms:n,count:o}]of s)i.push({suggestion:t,terms:n,score:e/o});return i.sort(V),i}get documentCount(){return this._documentCount}get termCount(){return this._index.size}static loadJSON(t,e){if(null==e)throw new Error("MiniSearch: loadJSON should be given the same options used when serializing the index");return this.loadJS(JSON.parse(t),e)}static async loadJSONAsync(t,e){if(null==e)throw new Error("MiniSearch: loadJSON should be given the same options used when serializing the index");return this.loadJSAsync(JSON.parse(t),e)}static getDefault(t){if(z.hasOwnProperty(t))return w(z,t);throw new Error(`MiniSearch: unknown option "${t}"`)}static loadJS(t,e){const{index:s,documentIds:i,fieldLength:n,storedFields:o,serializationVersion:r}=t,c=this.instantiateMiniSearch(t,e);c._documentIds=T(i),c._fieldLength=T(n),c._storedFields=T(o);for(const[t,e]of c._documentIds)c._idToShortId.set(e,t);for(const[t,e]of s){const s=new Map;for(const t of Object.keys(e)){let i=e[t];1===r&&(i=i.ds),s.set(parseInt(t,10),T(i))}c._index.set(t,s)}return c}static async loadJSAsync(t,e){const{index:s,documentIds:i,fieldLength:n,storedFields:o,serializationVersion:r}=t,c=this.instantiateMiniSearch(t,e);c._documentIds=await L(i),c._fieldLength=await L(n),c._storedFields=await L(o);for(const[t,e]of c._documentIds)c._idToShortId.set(e,t);let h=0;for(const[t,e]of s){const s=new Map;for(const t of Object.keys(e)){let i=e[t];1===r&&(i=i.ds),s.set(parseInt(t,10),await L(i))}++h%1e3==0&&await E(0),c._index.set(t,s)}return c}static instantiateMiniSearch(t,e){const{documentCount:s,nextId:i,fieldIds:n,averageFieldLength:o,dirtCount:c,serializationVersion:h}=t;if(1!==h&&2!==h)throw new Error("MiniSearch: cannot deserialize an index created with an incompatible version");const u=new p(e);return u._documentCount=s,u._nextId=i,u._idToShortId=new Map,u._fieldIds=n,u._avgFieldLength=o,u._dirtCount=c||0,u._index=new r,u}executeQuery(t,e={}){if(t===p.wildcard)return this.executeWildcardQuery(e);if("string"!=typeof t){const s={...e,...t,queries:void 0},i=t.queries.map((t=>this.executeQuery(t,s)));return this.combineResults(i,s.combineWith)}const{tokenize:s,processTerm:i,searchOptions:n}=this._options,o={tokenize:s,processTerm:i,...n,...e},{tokenize:r,processTerm:c}=o,h=r(t).flatMap((t=>c(t))).filter((t=>!!t)).map(x(o)).map((t=>this.executeQuerySpec(t,o)));return this.combineResults(h,o.combineWith)}executeQuerySpec(t,e){const s={...this._options.searchOptions,...e},i=(s.fields||this._options.fields).reduce(((t,e)=>({...t,[e]:w(s.boost,e)||1})),{}),{boostDocument:n,weights:o,maxFuzzy:r,bm25:c}=s,{fuzzy:h,prefix:u}={...b.weights,...o},d=this._index.get(t.term),a=this.termResults(t.term,t.term,1,t.termBoost,d,i,n,c);let l,f;if(t.prefix&&(l=this._index.atPrefix(t.term)),t.fuzzy){const e=!0===t.fuzzy?.2:t.fuzzy,s=e<1?Math.min(r,Math.round(t.term.length*e)):e;s&&(f=this._index.fuzzyGet(t.term,s))}if(l)for(const[e,s]of l){const o=e.length-t.term.length;if(!o)continue;null==f||f.delete(e);const r=u*e.length/(e.length+.3*o);this.termResults(t.term,e,r,t.termBoost,s,i,n,c,a)}if(f)for(const e of f.keys()){const[s,o]=f.get(e);if(!o)continue;const r=h*e.length/(e.length+o);this.termResults(t.term,e,r,t.termBoost,s,i,n,c,a)}return a}executeWildcardQuery(t){const e=new Map,s={...this._options.searchOptions,...t};for(const[t,i]of this._documentIds){const n=s.boostDocument?s.boostDocument(i,"",this._storedFields.get(t)):1;e.set(t,{score:n,terms:[],match:{}})}return e}combineResults(t,e=m){if(0===t.length)return new Map;const s=e.toLowerCase(),i=y[s];if(!i)throw new Error(`Invalid combination operator: ${e}`);return t.reduce(i)||new Map}toJSON(){const t=[];for(const[e,s]of this._index){const i={};for(const[t,e]of s)i[t]=Object.fromEntries(e);t.push([e,i])}return{documentCount:this._documentCount,nextId:this._nextId,documentIds:Object.fromEntries(this._documentIds),fieldIds:this._fieldIds,fieldLength:Object.fromEntries(this._fieldLength),averageFieldLength:this._avgFieldLength,storedFields:Object.fromEntries(this._storedFields),dirtCount:this._dirtCount,index:t,serializationVersion:2}}termResults(t,e,s,i,n,o,r,c,h=new Map){if(null==n)return h;for(const u of Object.keys(o)){const d=o[u],a=this._fieldIds[u],l=n.get(a);if(null==l)continue;let f=l.size;const m=this._avgFieldLength[a];for(const n of l.keys()){if(!this._documentIds.has(n)){this.removeTerm(a,n,e),f-=1;continue}const o=r?r(this._documentIds.get(n),e,this._storedFields.get(n)):1;if(!o)continue;const _=l.get(n),g=this._fieldLength.get(n)[a],p=s*i*d*o*v(_,f,this._documentCount,g,m,c),y=h.get(n);if(y){y.score+=p,k(y.terms,t);const s=w(y.match,e);s?s.push(u):y.match[e]=[u]}else h.set(n,{score:p,terms:[t],match:{[e]:[u]}})}}return h}addTerm(t,e,s){const i=this._index.fetch(s,O);let n=i.get(t);if(null==n)n=new Map,n.set(e,1),i.set(t,n);else{const t=n.get(e);n.set(e,(t||0)+1)}}removeTerm(t,e,s){if(!this._index.has(s))return void this.warnDocumentChanged(e,t,s);const i=this._index.fetch(s,O),n=i.get(t);null==n||null==n.get(e)?this.warnDocumentChanged(e,t,s):n.get(e)<=1?n.size<=1?i.delete(t):n.delete(e):n.set(e,n.get(e)-1),0===this._index.get(s).size&&this._index.delete(s)}warnDocumentChanged(t,e,s){for(const i of Object.keys(this._fieldIds))if(this._fieldIds[i]===e)return void this._options.logger("warn",`MiniSearch: document with ID ${this._documentIds.get(t)} has changed before removal: term "${s}" was not present in field "${i}". Removing a document after it has changed can corrupt the index!`,"version_conflict")}addDocumentId(t){const e=this._nextId;return this._idToShortId.set(t,e),this._documentIds.set(e,t),this._documentCount+=1,this._nextId+=1,e}addFields(t){for(let e=0;e<t.length;e++)this._fieldIds[t[e]]=e}addFieldLength(t,e,s,i){let n=this._fieldLength.get(t);null==n&&this._fieldLength.set(t,n=[]),n[e]=i;const o=(this._avgFieldLength[e]||0)*s+i;this._avgFieldLength[e]=o/(s+1)}removeFieldLength(t,e,s,i){if(1===s)return void(this._avgFieldLength[e]=0);const n=this._avgFieldLength[e]*s-i;this._avgFieldLength[e]=n/(s-1)}saveStoredFields(t,e){const{storeFields:s,extractField:i}=this._options;if(null==s||0===s.length)return;let n=this._storedFields.get(t);null==n&&this._storedFields.set(t,n={});for(const t of s){const s=i(e,t);void 0!==s&&(n[t]=s)}}}p.wildcard=Symbol("*");const w=(t,e)=>Object.prototype.hasOwnProperty.call(t,e)?t[e]:void 0,y={[m]:(t,e)=>{for(const s of e.keys()){const i=t.get(s);if(null==i)t.set(s,e.get(s));else{const{score:t,terms:n,match:o}=e.get(s);i.score=i.score+t,i.match=Object.assign(i.match,o),C(i.terms,n)}}return t},[_]:(t,e)=>{const s=new Map;for(const i of e.keys()){const n=t.get(i);if(null==n)continue;const{score:o,terms:r,match:c}=e.get(i);C(n.terms,r),s.set(i,{score:n.score+o,terms:n.terms,match:Object.assign(n.match,c)})}return s},[g]:(t,e)=>{for(const s of e.keys())t.delete(s);return t}},v=(t,e,s,i,n,o)=>{const{k:r,b:c,d:h}=o;return Math.log(1+(s-e+.5)/(e+.5))*(h+t*(r+1)/(t+r*(1-c+c*i/n)))},x=t=>(e,s,i)=>({term:e,fuzzy:"function"==typeof t.fuzzy?t.fuzzy(e,s,i):t.fuzzy||!1,prefix:"function"==typeof t.prefix?t.prefix(e,s,i):!0===t.prefix,termBoost:"function"==typeof t.boostTerm?t.boostTerm(e,s,i):1}),z={idField:"id",extractField:(t,e)=>t[e],stringifyField:(t,e)=>t.toString(),tokenize:t=>t.split(D),processTerm:t=>t.toLowerCase(),fields:void 0,searchOptions:void 0,storeFields:[],logger:(t,e)=>{"function"==typeof(null===console||void 0===console?void 0:console[t])&&console[t](e)},autoVacuum:!0},b={combineWith:m,prefix:!1,fuzzy:!1,maxFuzzy:6,boost:{},weights:{fuzzy:.45,prefix:.375},bm25:{k:1.2,b:.7,d:.5}},I={combineWith:"and",prefix:(t,e,s)=>e===s.length-1},S={batchSize:1e3,batchWait:10},F={minDirtFactor:.1,minDirtCount:20},M={...S,...F},k=(t,e)=>{t.includes(e)||t.push(e)},C=(t,e)=>{for(const s of e)t.includes(s)||t.push(s)},V=({score:t},{score:e})=>e-t,O=()=>new Map,T=t=>{const e=new Map;for(const s of Object.keys(t))e.set(parseInt(s,10),t[s]);return e},L=async t=>{const e=new Map;let s=0;for(const i of Object.keys(t))e.set(parseInt(i,10),t[i]),++s%1e3==0&&await E(0);return e},E=t=>new Promise((e=>setTimeout(e,t))),D=/[\n\r\p{Z}\p{P}]+/u;return p}));
+//# sourceMappingURL=/sm/1e4d3c573a14b2678ad5755d10141fbd85cba14ae591344bb984b98576ea9860.map

data/app/assets/javascripts/rails_icons/preview/preview.js

@@ -0,0 +1,392 @@
+class RailsIconPreview extends HTMLElement {
+  connectedCallback() {
+    this.#render()
+  }
+
+  get searchData() {
+    return {
+      id: this.#name,
+      name: this.#name,
+      tags: this.getAttribute('tags') || ''
+    }
+  }
+
+  #render() {
+    this.innerHTML = `
+      <section>
+        <div class='svg'>${this.#svgIcon}</div>
+        <p title='${this.#name}'>${this.#name}</p>
+
+        <div class='actions'>
+          <button data-action='copy-name'>Copy name</button>
+
+          <button data-action='copy-helper'>Copy helper</button>
+        </div>
+      </section>
+    `
+
+    this.querySelector('[data-action="copy-name"]').onclick = () => this.#copyName()
+    this.querySelector('[data-action="copy-helper"]').onclick = () => this.#copyHelper()
+  }
+
+  #copyName() {
+    navigator.clipboard.writeText(this.#name)
+  }
+
+  #copyHelper() {
+    const parts = [`icon('${this.#name}'`]
+
+    if (this.#library !== this.#defaultLibrary) {
+      parts.push(`library: :${this.#library}`)
+    }
+
+    if (this.#variant && this.#variant !== this.#defaultVariant) {
+      parts.push(`variant: :${this.#variant}`)
+    }
+
+    const helper = parts.length > 1 ? `${parts[0]}, ${parts.slice(1).join(', ')})` : `${parts[0]})`
+    navigator.clipboard.writeText(helper)
+  }
+
+  get #name() {
+    return this.getAttribute('name')
+  }
+
+  get #library() {
+    return this.getAttribute('library')
+  }
+
+  get #variant() {
+    return this.getAttribute('variant')
+  }
+
+  get #defaultLibrary() {
+    return this.getAttribute('default-library')
+  }
+
+  get #defaultVariant() {
+    return this.getAttribute('default-variant')
+  }
+
+  get #svgIcon() {
+    return this.innerHTML
+  }
+}
+
+customElements.define('rails-icon-preview', RailsIconPreview)
+
+
+class IconSearch {
+  constructor() {
+    this.searchInput = document.querySelector('input[type="search"]')
+    this.resultCount = document.querySelector('.result-count')
+    this.icons = Array.from(document.querySelectorAll('rails-icon-preview'))
+    this.totalCount = this.icons.length
+
+    this.miniSearch = new MiniSearch({
+      fields: ['name', 'tags'],
+      storeFields: ['id'],
+      searchOptions: {
+        fuzzy: false,
+        prefix: false
+      }
+    })
+
+    this.#indexIcons()
+  }
+
+  getIconList() {
+    return document.querySelector('ul.icons')
+  }
+
+  getVisibleIcons() {
+    return this.icons.filter(icon => icon.closest('li').style.display !== 'none')
+  }
+
+  #indexIcons() {
+    const documents = this.icons.map(icon => icon.searchData)
+
+    this.miniSearch.addAll(documents)
+  }
+
+  filterIcons(query) {
+    if (!query) {
+      this.icons.forEach(icon => {
+        icon.closest('li').style.display = ''
+      })
+
+      this.#updateResultCount(this.totalCount)
+      this.#showNoResults(false)
+
+      return
+    }
+
+    const results = this.miniSearch.search(query)
+    const resultIds = new Set(results.map(result => result.id))
+    let visibleCount = 0
+
+    this.icons.forEach(icon => {
+      const listItem = icon.closest('li')
+
+      if (resultIds.has(icon.searchData.id)) {
+        listItem.style.display = ''
+
+        visibleCount++
+      } else {
+        listItem.style.display = 'none'
+      }
+    })
+
+    this.#updateResultCount(visibleCount)
+    this.#showNoResults(visibleCount === 0, query)
+  }
+
+  #updateResultCount(count) {
+    if (this.resultCount) {
+      this.resultCount.textContent = count === this.totalCount
+        ? ''
+        : `${count} of ${this.totalCount} icons`
+    }
+  }
+
+  #showNoResults(show, query = '') {
+    const noResults = document.querySelector('.no-results')
+    const iconsList = document.querySelector('ul.icons')
+
+    if (show) {
+      noResults.removeAttribute('hidden')
+      noResults.querySelector('.query').textContent = query
+
+      iconsList.setAttribute('hidden', 'hidden')
+    } else {
+      noResults.setAttribute('hidden', 'hidden')
+
+      iconsList.removeAttribute('hidden')
+    }
+  }
+}
+
+
+class UrlSync {
+  constructor({ onSearch }) {
+    this.onSearch = onSearch
+
+    this.#loadFromUrl()
+  }
+
+  #loadFromUrl() {
+    const params = new URLSearchParams(window.location.search)
+    const query = params.get('q')
+
+    if (query) {
+      this.onSearch?.(query)
+    }
+  }
+
+  updateUrl(query) {
+    const url = new URL(window.location)
+
+    if (query) {
+      url.searchParams.set('q', query)
+    } else {
+      url.searchParams.delete('q')
+    }
+
+    history.replaceState(null, '', url)
+  }
+}
+
+
+class KeyboardController {
+  constructor({ searchInput, iconList, iconSearch, onFilter, onClearFocus, onActivate }) {
+    this.searchInput = searchInput
+    this.iconList = iconList
+    this.iconSearch = iconSearch
+
+    this.onFilter = onFilter
+    this.onClearFocus = onClearFocus
+    this.onActivate = onActivate
+
+    this.focusedIndex = -1
+
+    this.#setup()
+  }
+
+  #setup() {
+    this.#setupGlobalKeys()
+    this.#setupSearchInputKeys()
+    this.#setupIconListKeys()
+  }
+
+  #setupGlobalKeys() {
+    document.addEventListener('keydown', (event) => {
+      if (event.target.tagName === 'INPUT' || event.target.tagName === 'TEXTAREA') return
+
+      if (event.key === '/') {
+        event.preventDefault()
+
+        this.searchInput?.focus()
+
+        return
+      }
+
+      if (event.key.length === 1 && /[a-zA-Z0-9]/.test(event.key)) {
+        this.searchInput?.focus()
+      }
+    })
+  }
+
+  #setupSearchInputKeys() {
+    this.searchInput?.addEventListener('keydown', (event) => {
+      switch (event.key) {
+        case 'Escape':
+          this.searchInput.value = ''
+          this.searchInput.blur()
+          this.onFilter('')
+          this.#clearFocus()
+
+          break
+        case 'ArrowDown':
+          event.preventDefault()
+
+          this.#moveFocus(1)
+
+          break
+        case 'ArrowUp':
+          event.preventDefault()
+
+          this.#moveFocus(-1)
+
+          break
+        case 'Enter':
+          if (this.focusedIndex >= 0) {
+            this.#activateFocused()
+          }
+
+          break
+      }
+    })
+
+    this.searchInput?.addEventListener('input', (event) => {
+      this.#clearFocus()
+    })
+  }
+
+  #setupIconListKeys() {
+    this.iconList?.addEventListener('keydown', (event) => {
+      switch (event.key) {
+        case 'ArrowDown':
+          event.preventDefault()
+
+          this.#moveFocus(1)
+
+          break
+        case 'ArrowUp':
+          event.preventDefault()
+
+          this.#moveFocus(-1)
+
+          break
+        case 'Enter':
+        case ' ':
+          if (this.focusedIndex >= 0) {
+            event.preventDefault()
+
+            this.#activateFocused()
+          }
+
+          break
+        case 'Escape':
+          this.#clearFocus()
+
+          this.searchInput?.focus()
+
+          break
+      }
+    })
+  }
+
+  setFocusedIndex(index) {
+    this.focusedIndex = index
+  }
+
+  #moveFocus(direction) {
+    const icons = this.iconSearch?.getVisibleIcons() || []
+    if (icons.length === 0) return
+
+    this.focusedIndex += direction
+
+    if (this.focusedIndex < 0) {
+      this.focusedIndex = icons.length - 1
+    } else if (this.focusedIndex >= icons.length) {
+      this.focusedIndex = 0
+    }
+
+    this.#updateFocus(icons)
+  }
+
+  #updateFocus(icons) {
+    icons.forEach((icon, index) => {
+      icon.closest('li').classList.toggle('focused', index === this.focusedIndex)
+    })
+
+    if (icons[this.focusedIndex]) {
+      icons[this.focusedIndex].closest('li').scrollIntoView({ block: 'nearest' })
+    }
+  }
+
+  #clearFocus() {
+    this.focusedIndex = -1
+
+    const icons = this.iconSearch?.icons || []
+
+    icons.forEach(icon => icon.closest('li').classList.remove('focused'))
+
+    this.onClearFocus?.()
+  }
+
+  #activateFocused() {
+    const icons = this.iconSearch?.getVisibleIcons() || []
+    const focusedIcon = icons[this.focusedIndex]
+
+    if (focusedIcon) {
+      focusedIcon.querySelector('[data-action="copy-helper"]')?.click()
+    }
+  }
+}
+
+
+document.addEventListener('DOMContentLoaded', () => {
+  const searchInput = document.querySelector('input[type="search"]')
+  const iconList = document.querySelector('ul.icons')
+  const iconSearch = new IconSearch()
+
+  const urlSync = new UrlSync({
+    onSearch: (query) => {
+      searchInput.value = query
+
+      iconSearch.filterIcons(query)
+    }
+  })
+
+  const keyboard = new KeyboardController({
+    searchInput,
+    iconList,
+    iconSearch,
+
+    onFilter: (query) => {
+      iconSearch.filterIcons(query)
+      urlSync.updateUrl(query)
+    },
+
+    onClearFocus: () => keyboard.setFocusedIndex(-1)
+  })
+
+  searchInput?.addEventListener('input', (event) => {
+    const query = event.target.value.trim()
+
+    iconSearch.filterIcons(query)
+
+    urlSync.updateUrl(query)
+  })
+})

data/app/assets/stylesheets/rails_icons/preview.css

@@ -0,0 +1,169 @@
+body {
+  margin: 0;
+  padding: 2rem;
+  font-family: system-ui, sans-serif;
+  background-color: rgb(241 245 249 / .5);
+}
+
+ul { list-style: none; }
+
+nav {
+  display: grid;
+  grid-template-columns: auto auto 1fr auto;
+  gap: 1rem;
+  align-items: center;
+  margin-bottom: 2rem;
+
+  select {
+    appearance: none;
+    padding: .5rem 2rem .5rem .75rem;
+    font-size: .875rem;
+    color: rgb(30 41 59);
+    border: 1px solid rgb(226 232 240);
+    border-radius: 0.5rem;
+    cursor: pointer;
+    background-color: rgb(255 255 255);
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
+    background-repeat: no-repeat;
+    background-position: right .5rem center;
+
+    &:hover {
+      border-color: rgb(203 213 225);
+    }
+
+    &:focus {
+      outline: none;
+      border-color: rgb(59 130 246);
+      box-shadow: 0 0 0 3px rgb(59 130 246 / .1);
+    }
+  }
+
+  .search-wrapper {
+    position: relative;
+    display: flex;
+    align-items: center;
+    max-width: 400px;
+    width: 100%;
+
+    input[type="search"] {
+      width: 100%;
+      padding: .5rem 3rem .5rem .75rem;
+      font-size: .875rem;
+      color: rgb(30 41 59);
+      background-color: rgb(255 255 255);
+      border: 1px solid rgb(226 232 240);
+      border-radius: .5rem;
+
+      &::placeholder { color: rgb(148 163 184); }
+
+      &:hover { border-color: rgb(203 213 225); }
+
+      &:focus {
+        outline: none;
+        border-color: rgb(59 130 246);
+        box-shadow: 0 0 0 3px rgb(59 130 246 / .1);
+      }
+
+      &::-webkit-search-cancel-button { display: none; }
+    }
+
+    kbd {
+      position: absolute;
+      right: .5rem;
+      padding: .125rem .375rem;
+      font-family: inherit;
+      font-size: .75rem;
+      color: rgb(148 163 184);
+      background-color: rgb(241 245 249);
+      border: 1px solid rgb(226 232 240);
+      border-radius: .25rem;
+      pointer-events: none;
+    }
+  }
+
+  .result-count {
+    min-width: 120px;
+    font-size: .875rem;
+    color: rgb(100 116 139 / .6);
+  }
+}
+
+.no-results {
+  padding: 2rem;
+  font-size: .875rem;
+  text-align: center;
+  color: rgb(100 116 139 / .6);
+}
+
+ul.icons {
+  margin: 0;
+  padding: 0;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+  gap: 1rem;
+
+  li { display: contents; }
+}
+
+rails-icon-preview {
+  section {
+    position: relative;
+    padding: 1rem .5rem;
+    background-color: rgb(255 255 255);
+    border-radius: .5rem;
+
+    .svg {
+      width: 32px;
+      margin-inline: auto;
+      aspect-ratio: 1 / 1;
+
+      svg { width: 100%; height: 100%; }
+    }
+
+    p {
+      margin: 0;
+      margin-block-start: .5rem;
+      font-size: .75rem;
+      color: rgb(100 116 139);
+      text-align: center;
+      overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+    }
+
+    .actions {
+      position: absolute;
+      inset: 0;
+      display: grid;
+      grid-template-rows: 1fr 1fr;
+      gap: .5rem;
+      padding: .5rem;
+      opacity: 0;
+      transition: opacity ease-in-out 100ms;
+
+      button {
+        padding: .25rem .125rem;
+        font-size: .75rem;
+        font-weight: 500;
+        color: rgb(30 41 59);
+        background-color: rgb(226 232 240 / .5);
+        border: 1px solid rgb(226 232 240 / .5);
+        border-radius: 9999px;
+        cursor: pointer;
+        -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);
+
+        &:hover {
+          border: 1px solid rgb(226 232 240 / .9);
+        }
+      }
+    }
+
+    &:hover .actions,
+    &:focus-within .actions {
+      opacity: 1;
+    }
+  }
+}
+
+ul.icons li.focused section {
+  outline: 2px solid rgb(59 130 246);
+  outline-offset: 2px;
+}

data/app/controllers/rails_icons/previews_controller.rb

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+module RailsIcons
+  class PreviewsController < ActionController::Base
+    def show
+      @libraries = preview.libraries
+      @library = params[:library] || RailsIcons.configuration.default_library || @libraries.first
+      @default_library = RailsIcons.configuration.default_library
+      @default_variant = library_default_variant
+      @variant = params[:variant] || @default_variant
+      @variants = preview.variants(@library)
+
+      @icon_names = preview.icon_names(@library, @variant)
+      @tags = preview.tags(@library, @variant)
+    end
+
+    private
+
+    def preview
+      @preview ||= Preview.new
+    end
+
+    def library_default_variant
+      RailsIcons.configuration.libraries[@library.to_sym]&.default_variant ||
+        RailsIcons.configuration.default_variant
+    end
+  end
+end

data/app/models/rails_icons/preview/tags/animated.yml

@@ -0,0 +1,4 @@
+bouncing-dots: loading spinner dots animation wait
+faded-spinner: loading spinner circle animation wait
+fading-dots: loading dots animation wait ellipsis
+trailing-spinner: loading spinner animation wait